/* Zerphyx workspace refresh. Loaded after the original styles; original controls remain intact. */
body.modern-workspace {
  --workspace-bg: #0c0d16;
  --workspace-surface: #171925;
  --workspace-raised: #212334;
  --workspace-input: #10121d;
  --workspace-line: #44465f;
  --workspace-text: #f5f3ff;
  --workspace-muted: #b9b9ce;
  --workspace-purple: #c5b6ff;
  --workspace-primary: #c5b6ff;
  --workspace-ink: #211735;
  --workspace-success: #a0e6cf;
  --workspace-warning: #f5d09c;
  --workspace-error: #ffbdc5;
  --bg: var(--workspace-bg);
  --surface: var(--workspace-surface);
  --muted: var(--workspace-muted);
  --purple: var(--workspace-purple);
  --white: var(--workspace-text);
  background: var(--workspace-bg);
  color: var(--workspace-text);
  min-width: 0;
  font-family: Heebo, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color-scheme: dark;
}
body.modern-workspace *, body.modern-workspace *::before, body.modern-workspace *::after { box-sizing: border-box; }
body.modern-workspace .wrap { width: min(1200px, calc(100% - 64px)); min-width: 0; }
body.modern-workspace :is(button, input, select, textarea) { font: inherit; }
body.modern-workspace :is(h1, h2, h3, h4) { font-family: Heebo, Arial, sans-serif; }
body.modern-workspace :is(button, a.btn, select, [role="button"]) { min-height: 44px; touch-action: manipulation; }
body.modern-workspace :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--workspace-purple); outline-offset: 3px;
}
body.modern-workspace :is(input, select, textarea) { min-width: 0; max-width: 100%; }
body.modern-workspace input::placeholder { color: var(--workspace-muted); opacity: 1; }
body.modern-workspace :is(input, select, textarea):disabled { opacity: .65; }
body.modern-workspace :is(button, input, select):disabled { cursor: not-allowed; }
body.modern-workspace .ambient { display: none; }
body.modern-workspace .ambient-a { right: 0; }
body.modern-workspace .ambient-b { left: 0; }
body.modern-workspace :is(.workspace-search, .workspace-library, .workspace-upload, .workspace-discovery, .workspace-addon, .workspace-help) { scroll-margin-top: 96px; }

/* Navigation and the compact introduction. */
body.modern-workspace .topbar { height: 80px; background: #10111deb; border-color: #303144; }
body.modern-workspace .topbar-inner { gap: 24px; }
body.modern-workspace .brand-mark { box-shadow: none; background: #7861bb; }
body.modern-workspace .brand { min-height: 44px; }
body.modern-workspace .brand-copy strong { font-size: 21px; letter-spacing: -.8px; }
body.modern-workspace .brand-copy small { color: var(--workspace-muted); letter-spacing: 1.8px; }
body.modern-workspace .nav-links { gap: 10px; font-size: 14px; color: var(--workspace-muted); }
body.modern-workspace .nav-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 11px; border-radius: 9px; }
body.modern-workspace .nav-links a:hover { background: var(--workspace-raised); color: var(--workspace-text); }
body.modern-workspace .nav-actions { gap: 10px; }
body.modern-workspace .nav-live { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace :is(.account-nav-button, .account-mobile-button) { background: var(--workspace-raised); border-color: var(--workspace-line); color: var(--workspace-text); }
body.modern-workspace .account-nav-button { font-size: 13px; padding-inline: 14px; }
body.modern-workspace .btn { min-height: 46px; border-radius: 11px; padding: 11px 19px; font-size: 14px; gap: 10px; box-shadow: none; }
body.modern-workspace .btn:hover { transform: none; }
body.modern-workspace .btn-primary { background: var(--workspace-primary); color: var(--workspace-ink); }
body.modern-workspace .btn-primary:hover { background: #d3c8ff; box-shadow: none; }
body.modern-workspace :is(.btn-outline, .btn-glass) { background: var(--workspace-surface); border: 1px solid var(--workspace-line); color: var(--workspace-text); }
body.modern-workspace :is(.btn-outline, .btn-glass):hover { background: #29273d; border-color: #aa97df; }
body.modern-workspace .workspace-intro { display: block; min-height: 0; padding-block: 38px 28px; }
body.modern-workspace .workspace-intro-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 44px; align-items: center; }
body.modern-workspace .hero-kicker { grid-column: 1; font-size: 12px; color: var(--workspace-purple); gap: 8px; flex-wrap: wrap; white-space: normal; }
body.modern-workspace .hero h1 { grid-column: 1; font-size: clamp(32px, 3.4vw, 44px); letter-spacing: -1.1px; line-height: 1.25; margin: 10px 0 12px; }
body.modern-workspace .hero h1 em { background: none; color: var(--workspace-purple); }
body.modern-workspace .hero-lead { grid-column: 1; max-width: 720px; margin: 0 0 18px; color: var(--workspace-muted); font-size: 15px; line-height: 1.8; }
body.modern-workspace .hero-lead b { color: #e0d8ff; }
body.modern-workspace .hero-buttons { grid-column: 1; gap: 10px; flex-wrap: wrap; }
body.modern-workspace .hero-metrics { grid-column: 2; grid-row: 1 / 5; gap: 18px; margin: 0; align-items: center; }
body.modern-workspace .hero-metrics div { min-width: 68px; border-color: var(--workspace-line); padding-inline-start: 18px; gap: 3px; }
body.modern-workspace .hero-metrics div:first-child { padding-inline-start: 0; }
body.modern-workspace .hero-metrics strong { font-size: 26px; color: var(--workspace-text); }
body.modern-workspace .hero-metrics span { color: var(--workspace-muted); font-size: 12px; }

/* Search is the first working area, followed immediately by the library. */
body.modern-workspace .search-wrap { padding: 24px 28px; background: var(--workspace-surface); border-color: #4b4269; border-radius: 18px; box-shadow: 0 12px 36px #0000001f; }
body.modern-workspace .search-wrap::before { display: none; }
body.modern-workspace .search-heading { text-align: right; }
body.modern-workspace .section-eyebrow { color: var(--workspace-purple); font-size: 12px; letter-spacing: .8px; }
body.modern-workspace .search-heading h2 { font-size: 25px; letter-spacing: -.4px; margin: 4px 0 3px; }
body.modern-workspace .search-heading p { color: var(--workspace-muted); line-height: 1.75; font-size: 14px; margin: 0 0 18px; }
body.modern-workspace .search-field { max-width: none; height: 56px; padding-inline: 16px; border-color: #626078; background: var(--workspace-input); gap: 12px; }
body.modern-workspace .search-field:focus-within { border-color: var(--workspace-purple); box-shadow: 0 0 0 3px #c5b6ff20; }
body.modern-workspace .search-field input { min-width: 0; min-height: 44px; font-size: 16px; color: var(--workspace-text); }
body.modern-workspace .search-field svg { color: var(--workspace-purple); }
body.modern-workspace .search-field kbd { color: var(--workspace-muted); border-color: var(--workspace-line); background: var(--workspace-raised); }
body.modern-workspace .file-search-drop { max-width: none; justify-content: flex-start; margin-top: 12px; padding: 10px 12px; border-color: #64597d; background: #131520; gap: 14px; }
body.modern-workspace .file-search-button { min-height: 44px; background: #33294d; border-color: #8f7dbc; color: var(--workspace-text); font-size: 14px; }
body.modern-workspace .file-search-hint { color: var(--workspace-muted); font-size: 13px; text-align: right; }
body.modern-workspace :is(.file-search-panel, .search-results) { max-width: none; background: #1c1e2d; border-color: var(--workspace-line); padding: 18px; }
body.modern-workspace :is(.file-search-panel-head, .result-heading) { gap: 12px; flex-wrap: wrap; font-size: 14px; }
body.modern-workspace :is(.file-search-panel-head button, .file-search-choice) { min-height: 44px; color: var(--workspace-text); font-size: 13px; border-color: #64617c; }
body.modern-workspace :is(.file-search-status, .file-search-note, .file-search-choices-label, .file-search-loading, .result-heading span) { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace .file-search-error { color: var(--workspace-error); font-size: 14px; }
body.modern-workspace :is(.file-search-match, .discover-item) { min-width: 0; min-height: 70px; border-color: var(--workspace-line); background: var(--workspace-raised); }
body.modern-workspace :is(.file-search-match-details strong, .discover-item strong) { color: var(--workspace-text); font-size: 14px; overflow-wrap: anywhere; }
body.modern-workspace :is(.file-search-match-details small, .discover-item small) { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .file-search-match-arrow { color: var(--workspace-purple); font-size: 12px; }
body.modern-workspace .discover-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.modern-workspace .discover-item > div { min-width: 0; }
body.modern-workspace .workspace-library { min-height: 0; padding-block: 36px 40px; }
body.modern-workspace .section-top { gap: 20px; align-items: center; margin-bottom: 22px; }
body.modern-workspace .section-top h2 { font-size: 28px; line-height: 1.35; letter-spacing: -.6px; margin: 6px 0 7px; }
body.modern-workspace .section-top p { color: var(--workspace-muted); font-size: 14px; line-height: 1.8; }
body.modern-workspace .library-heading-accent { color: var(--workspace-purple); }
body.modern-workspace .library-counter { background: var(--workspace-surface); border-color: var(--workspace-line); padding: 11px 16px; border-radius: 13px; }
body.modern-workspace .library-counter-icon { width: 38px; height: 38px; font-size: 24px; background: #342b4a; color: var(--workspace-purple); }
body.modern-workspace .library-counter strong { font-size: 24px; }
body.modern-workspace .library-counter small { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .library-toolbar { background: var(--workspace-surface); border-color: var(--workspace-line); padding: 12px; gap: 14px; border-radius: 14px; }
body.modern-workspace :is(.library-controls, .library-display-controls) { min-width: 0; gap: 12px; }
body.modern-workspace .filter-pills { background: var(--workspace-input); border-color: var(--workspace-line); min-width: 0; }
body.modern-workspace .library-toolbar .filter { min-height: 44px; color: var(--workspace-muted); font-size: 14px; padding: 8px 17px; }
body.modern-workspace .library-toolbar .filter.active { color: var(--workspace-text); background: #403353; }
body.modern-workspace .library-select-label { color: var(--workspace-muted); font-size: 13px; gap: 8px; }
body.modern-workspace .library-select-label select { height: 44px; background: var(--workspace-input); border-color: #606076; color: var(--workspace-text); font-size: 14px; padding-inline: 11px; }
body.modern-workspace .library-view-toggle { background: var(--workspace-input); border-color: var(--workspace-line); padding: 3px; }
body.modern-workspace .library-view-toggle button { width: 44px; height: 44px; min-width: 44px; color: var(--workspace-muted); }
body.modern-workspace .library-view-toggle button.active { background: #403353; color: var(--workspace-text); }
body.modern-workspace .library-listing-meta { font-size: 13px; color: var(--workspace-muted); margin: 15px 1px; flex-wrap: wrap; }
body.modern-workspace .library-listing-meta button { font-size: 13px; padding-inline: 10px; color: var(--workspace-purple); }
body.modern-workspace .library-title-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
body.modern-workspace :is(.catalog-title, .catalog-browse-card) { border-color: #3d3f55; background: var(--workspace-surface); border-radius: 14px; min-width: 0; box-shadow: none; }
body.modern-workspace .catalog-title:hover { transform: none; border-color: #b29bdd; background: #1c1b2c; box-shadow: none; }
body.modern-workspace .catalog-title:hover .catalog-poster > img { transform: none; }
body.modern-workspace .catalog-art { aspect-ratio: 2 / 2.55; }
body.modern-workspace .catalog-type { color: var(--workspace-text); background: #171925ed; border-color: #78758e; font-size: 11px; padding: 4px 8px; }
body.modern-workspace .catalog-title-content { padding: 13px 12px 12px; gap: 7px; }
body.modern-workspace .catalog-title-heading { color: var(--workspace-text); font-size: 16px; line-height: 1.5; min-height: 48px; }
body.modern-workspace :is(.catalog-title-meta, .catalog-title-footer) { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .catalog-title-footer { border-color: var(--workspace-line); padding-top: 9px; }
body.modern-workspace .catalog-language { color: #e4dbff; background: #39304d; font-size: 11px; padding: 3px 7px; }
body.modern-workspace .catalog-language-more { color: var(--workspace-muted); background: var(--workspace-raised); }
body.modern-workspace .catalog-chevron { color: var(--workspace-purple); }
body.modern-workspace .catalog-list-layout .catalog-title { min-height: 112px; }
body.modern-workspace .catalog-list-layout .catalog-art { width: 82px; height: auto; min-height: 114px; }
body.modern-workspace .catalog-list-layout .catalog-title-content { grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr) minmax(0, .9fr) minmax(105px, .65fr); padding: 14px 18px; gap: 12px; }
body.modern-workspace .catalog-list-layout .catalog-title-footer { display: flex; border: 0; }
body.modern-workspace :is(.empty-state, .loading-state, .catalog-detail-empty) { color: var(--workspace-muted); background: var(--workspace-surface); border-color: var(--workspace-line); }
body.modern-workspace .empty-state { padding: 34px 24px; }
body.modern-workspace .empty-state p { color: var(--workspace-muted); }

/* Secondary work areas remain available without competing with search. */
body.modern-workspace .workspace-upload { grid-template-columns: 1.1fr 1fr; margin-top: 0; padding: 25px 28px; gap: 28px; border-color: var(--workspace-line); border-radius: 18px; background: #1b1727; }
body.modern-workspace .smart-intro-copy h2 { font-size: 26px; line-height: 1.4; letter-spacing: -.5px; margin: 6px 0 10px; }
body.modern-workspace .smart-intro-copy p { font-size: 14px; color: var(--workspace-muted); line-height: 1.8; margin-bottom: 12px; }
body.modern-workspace .smart-intro-benefits { color: var(--workspace-success); font-size: 12px; gap: 7px 15px; }
body.modern-workspace .smart-inline-drop { min-height: 164px; padding: 18px; gap: 6px; background: #221e32; border-color: #9481b9; border-radius: 12px; transform: none; }
body.modern-workspace .smart-inline-drop:hover { background: #2b233e; transform: none; }
body.modern-workspace .smart-inline-icon { width: 40px; height: 40px; font-size: 25px; border-radius: 11px; margin: 0; }
body.modern-workspace .smart-inline-drop strong { font-size: 16px; }
body.modern-workspace .smart-inline-drop > span:nth-of-type(2) { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace .smart-inline-cta { min-height: 44px; font-size: 13px; margin-top: 5px; background: var(--workspace-primary); color: var(--workspace-ink); }
body.modern-workspace .smart-inline-formats { color: var(--workspace-muted); font-size: 12px; letter-spacing: .6px; }
body.modern-workspace .workspace-discovery { padding-block: 42px 38px; }
body.modern-workspace .catalog-browse-heading { align-items: center; gap: 20px; margin-bottom: 20px; }
body.modern-workspace .catalog-browse-heading h2 { font-size: 28px; letter-spacing: -.6px; }
body.modern-workspace .catalog-browse-heading p { color: var(--workspace-muted); font-size: 14px; line-height: 1.8; }
body.modern-workspace .catalog-source-note { color: var(--workspace-success); font-size: 12px; }
body.modern-workspace .catalog-browse-toolbar { background: var(--workspace-surface); border-color: var(--workspace-line); }
body.modern-workspace .catalog-browse-toolbar button { min-height: 44px; padding-inline: 17px; font-size: 14px; color: var(--workspace-muted); }
body.modern-workspace .catalog-browse-toolbar button.active { color: var(--workspace-text); background: #403353; }
body.modern-workspace :is(.catalog-browse-toolbar > span, .catalog-browse-status, .catalog-browse-meta, .catalog-browse-credit) { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .catalog-browse-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
body.modern-workspace .catalog-browse-details { padding: 13px 12px; }
body.modern-workspace .catalog-browse-details h3 { color: var(--workspace-text); font-size: 16px; line-height: 1.5; min-height: 48px; }
body.modern-workspace :is(.catalog-browse-add, .catalog-browse-view) { min-height: 44px; font-size: 13px; }
body.modern-workspace .catalog-browse-kind { color: var(--workspace-text); font-size: 11px; background: #171925ed; border-color: #78758e; }
body.modern-workspace .catalog-browse-card:hover { transform: none; }
body.modern-workspace .catalog-browse-credit { margin-top: 18px; line-height: 1.8; overflow-wrap: anywhere; }
body.modern-workspace .catalog-browse-credit a { display: inline-flex; align-items: center; min-height: 44px; color: var(--workspace-purple); font-size: 13px; padding-inline: 6px; }
body.modern-workspace .workspace-addon { padding-block: 0 38px; }
body.modern-workspace .addon-card { grid-template-columns: 154px minmax(0, 1fr); min-height: 0; padding: 26px 30px; gap: 28px; background: var(--workspace-surface); border-color: var(--workspace-line); border-radius: 18px; }
body.modern-workspace .addon-visual { height: 178px; min-width: 0; }
body.modern-workspace .addon-visual, body.modern-workspace .addon-copy { order: initial; }
body.modern-workspace .addon-logo { width: 112px; height: 112px; border-radius: 27px; box-shadow: none; }
body.modern-workspace .addon-logo span { font-size: 46px; }
body.modern-workspace .addon-lines { opacity: .25; }
body.modern-workspace .addon-verified { font-size: 11px; padding: 8px 10px; bottom: 8px; }
body.modern-workspace .addon-copy h2 { font-size: 28px; margin: 6px 0 10px; }
body.modern-workspace .addon-copy p { color: var(--workspace-muted); font-size: 14px; margin-bottom: 17px; line-height: 1.8; }
body.modern-workspace .addon-actions { gap: 10px; }
body.modern-workspace .manifest-url { max-width: 100%; color: var(--workspace-muted); font-size: 13px; gap: 10px; overflow-wrap: anywhere; word-break: break-word; }
body.modern-workspace .url-status { color: var(--workspace-success); font-size: 11px; }
body.modern-workspace .workspace-help { padding-block: 0 44px; }
body.modern-workspace .step-card { min-height: 0; padding: 20px 22px; background: var(--workspace-surface); border-color: var(--workspace-line); border-radius: 14px; }
body.modern-workspace .step-card h3 { font-size: 19px; margin-block: 12px 6px; }
body.modern-workspace .step-card p { font-size: 14px; color: var(--workspace-muted); line-height: 1.8; }
body.modern-workspace .step-number { color: var(--workspace-muted); opacity: 1; }
body.modern-workspace .footer { background: #10111d; border-color: #303144; }
body.modern-workspace .footer-inner { min-height: 88px; }
body.modern-workspace .footer-inner > span { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace .footer-brand { min-height: 44px; display: inline-flex; align-items: center; }
body.modern-workspace .footer-inner > a:last-child { color: var(--workspace-purple); min-height: 44px; display: inline-flex; align-items: center; }

/* Dialogs use the same clear hierarchy and comfortable controls. */
body.modern-workspace :is(.smart-dialog, .library-dialog, .upload-dialog, .account-dialog) { background: var(--workspace-surface); color: var(--workspace-text); border-color: #6f638c; border-radius: 18px; max-height: calc(100dvh - 32px); }
body.modern-workspace :is(.smart-dialog, .library-dialog, .upload-dialog, .account-dialog)::backdrop { background: #07080fd4; backdrop-filter: blur(5px); }
body.modern-workspace :is(.smart-close, .close-dialog, .account-close, .catalog-detail-close) { width: 44px; height: 44px; min-width: 44px; border-color: #747086; background: #252537; color: var(--workspace-text); border-radius: 10px; }
body.modern-workspace :is(.dialog-head p, .form-label small, .account-description, .account-footnote, .account-signed p) { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace :is(.form-label, .field-title, .account-label) { color: #ddd7ef; font-size: 14px; line-height: 1.6; }
body.modern-workspace :is(.form-label input, .form-label select, .dialog-search input, .account-label input) { height: 46px; color: var(--workspace-text); font-size: 16px; border-color: #67637e; background: var(--workspace-input); }
body.modern-workspace .type-switch span { min-height: 46px; color: var(--workspace-muted); }
body.modern-workspace .type-switch input:checked + span { color: var(--workspace-text); background: #403353; border-color: var(--workspace-purple); }
body.modern-workspace .drop-area { padding: 15px; }
body.modern-workspace .drop-area strong { font-size: 14px; overflow-wrap: anywhere; }
body.modern-workspace .drop-area > span:last-child { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace :is(.form-status, .account-status) { color: var(--workspace-error); font-size: 14px; }
body.modern-workspace .form-status.success { color: var(--workspace-success); }
body.modern-workspace .title-item { min-width: 0; min-height: 64px; }
body.modern-workspace .title-item > div { min-width: 0; }
body.modern-workspace .title-item b { font-size: 14px; overflow-wrap: anywhere; }
body.modern-workspace .title-item small { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .season-help { color: var(--workspace-muted); font-size: 13px; line-height: 1.8; }
body.modern-workspace .season-file-preview { background: var(--workspace-input); border-color: var(--workspace-line); }
body.modern-workspace .bulk-summary { padding: 13px; border-color: var(--workspace-line); }
body.modern-workspace .bulk-summary b { font-size: 14px; color: var(--workspace-text); }
body.modern-workspace .bulk-summary span { font-size: 13px; color: var(--workspace-muted); }
body.modern-workspace .bulk-file-row { padding: 13px; gap: 10px; border-color: var(--workspace-line); }
body.modern-workspace .bulk-file-name { min-width: 0; flex: 1 1 150px; white-space: normal; overflow-wrap: anywhere; color: var(--workspace-text); font-size: 13px; line-height: 1.7; }
body.modern-workspace .bulk-episode-entry { font-size: 13px; color: var(--workspace-muted); }
body.modern-workspace .bulk-episode-entry input { height: 44px; width: 74px; background: var(--workspace-input); border-color: #726982; color: var(--workspace-text); font-size: 16px; }
body.modern-workspace .bulk-auto-number { min-height: 44px; color: var(--workspace-purple); font-size: 14px; padding: 8px 10px; }
body.modern-workspace .account-header { background: #242033; border-color: var(--workspace-line); }
body.modern-workspace .account-kicker { color: var(--workspace-purple); font-size: 11px; }
body.modern-workspace .account-tabs { border-color: var(--workspace-line); }
body.modern-workspace .account-tabs button { min-height: 44px; color: var(--workspace-muted); font-size: 14px; }
body.modern-workspace .account-tabs button.active { color: var(--workspace-text); background: #403353; }
body.modern-workspace .account-submit { background: var(--workspace-primary); color: var(--workspace-ink); font-size: 15px; }
body.modern-workspace .account-signout { min-height: 44px; color: var(--workspace-error); font-size: 14px; }

/* Title → season → episode, with releases and actions below each episode. */
body.modern-workspace .catalog-detail-hero { background: #242033; padding: 30px 32px; gap: 23px; border-color: var(--workspace-line); }
body.modern-workspace .catalog-detail-close { top: 14px; left: 14px; }
body.modern-workspace .catalog-detail-art { width: 108px; height: 156px; box-shadow: none; }
body.modern-workspace .catalog-detail-identity { min-width: 0; padding-inline-end: 36px; }
body.modern-workspace .catalog-detail-eyebrow { color: var(--workspace-purple); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
body.modern-workspace .catalog-detail-eyebrow span { color: var(--workspace-muted); }
body.modern-workspace .catalog-detail-identity h2 { font-size: clamp(24px, 3vw, 32px); margin-block: 8px; }
body.modern-workspace .catalog-detail-identity p { color: var(--workspace-muted); font-size: 14px; }
body.modern-workspace .catalog-detail-metrics { color: var(--workspace-muted); font-size: 13px; gap: 12px; }
body.modern-workspace .catalog-detail-metrics b { color: var(--workspace-text); font-size: 14px; }
body.modern-workspace .catalog-detail-contribute { min-height: 44px; margin-top: 16px; background: #39304d; color: var(--workspace-text); border-color: #9c88c5; font-size: 14px; }
body.modern-workspace .catalog-detail-body { padding: 25px 30px 30px; }
body.modern-workspace .catalog-detail-section-label { color: var(--workspace-purple); font-size: 12px; letter-spacing: .5px; }
body.modern-workspace .catalog-season-section { margin-bottom: 22px; }
body.modern-workspace .catalog-seasons { flex-wrap: wrap; overflow: visible; gap: 8px; padding-block: 10px 0; }
body.modern-workspace .catalog-season-tab { min-height: 60px; color: var(--workspace-text); background: var(--workspace-raised); border-color: #686078; padding: 10px 16px; }
body.modern-workspace .catalog-season-tab small { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .catalog-season-tab.active { background: #403353; border-color: var(--workspace-purple); }
body.modern-workspace .catalog-season-tab.active small { color: #e4dbff; }
body.modern-workspace .catalog-detail-versions-heading { align-items: center; gap: 12px; flex-wrap: wrap; }
body.modern-workspace .catalog-detail-versions-heading h3 { font-size: 22px; }
body.modern-workspace .catalog-count-chip { color: var(--workspace-muted); background: var(--workspace-raised); border-color: var(--workspace-line); font-size: 12px; }
body.modern-workspace .catalog-language-filters button { min-height: 44px; color: var(--workspace-text); border-color: #676078; font-size: 13px; }
body.modern-workspace .catalog-language-filters button.active { background: #403353; border-color: var(--workspace-purple); }
body.modern-workspace .catalog-episode { border-color: var(--workspace-line); background: #171925; border-radius: 12px; margin-bottom: 14px; }
body.modern-workspace .catalog-episode-heading { padding: 13px 16px; background: var(--workspace-raised); border-color: var(--workspace-line); }
body.modern-workspace .catalog-episode-heading h4 { font-size: 17px; }
body.modern-workspace .catalog-episode-heading p { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace .catalog-episode-number { width: 44px; height: 44px; background: #403353; color: #e4dbff; }
body.modern-workspace .catalog-version { gap: 12px; padding: 15px 16px; border-color: var(--workspace-line); }
body.modern-workspace .catalog-version-main { gap: 6px; }
body.modern-workspace .catalog-version-primary { flex-wrap: wrap; gap: 7px; }
body.modern-workspace .catalog-version-primary strong { font-size: 14px; white-space: normal; overflow-wrap: anywhere; }
body.modern-workspace .catalog-version-language { font-size: 12px; color: #e4dbff; background: #403353; }
body.modern-workspace :is(.catalog-version-filename, .catalog-version-owner) { color: var(--workspace-muted); font-size: 12px; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
body.modern-workspace .catalog-version-info { color: var(--workspace-muted); font-size: 12px; gap: 4px; }
body.modern-workspace .catalog-cloud-state { color: var(--workspace-muted); font-size: 12px; white-space: normal; }
body.modern-workspace .catalog-cloud-state.synced { color: var(--workspace-success); }
body.modern-workspace .catalog-download { min-height: 44px; background: #403353; color: var(--workspace-text); border-color: #9c88c5; padding-inline: 14px; font-size: 14px; }
body.modern-workspace .catalog-delete { min-height: 44px; color: var(--workspace-error); background: #3b2430; font-size: 13px; padding-inline: 12px; }
body.modern-workspace .redesign-library-breadcrumb { padding: 13px 30px; border-bottom: 1px solid var(--workspace-line); background: #131521; }
body.modern-workspace .redesign-library-breadcrumb ol { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; list-style: none; padding: 0; margin: 0; font-size: 13px; color: var(--workspace-muted); }
body.modern-workspace .redesign-library-breadcrumb li { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
body.modern-workspace .redesign-library-breadcrumb li + li::before { content: "‹"; color: var(--workspace-muted); margin-inline-end: 10px; }
body.modern-workspace .redesign-breadcrumb-current { color: var(--workspace-text); font-weight: 700; }

/* Smart review keeps filenames, title fields, mapping and corrections together. */
body.modern-workspace .smart-dialog-top { padding: 20px 24px; background: #242033; border-color: var(--workspace-line); }
body.modern-workspace .smart-dialog-brand { gap: 12px; }
body.modern-workspace .smart-sparkle { width: 44px; height: 44px; background: #7963ad; box-shadow: none; font-size: 27px; }
body.modern-workspace .smart-overline { color: var(--workspace-purple); font-size: 11px; letter-spacing: 1px; }
body.modern-workspace .smart-dialog-top h2 { font-size: 23px; }
body.modern-workspace .smart-progress { padding: 16px 24px; font-size: 13px; color: var(--workspace-muted); background: #131521; border-color: var(--workspace-line); gap: 14px; }
body.modern-workspace .smart-progress span b { width: 28px; height: 28px; color: var(--workspace-muted); border-color: #656078; }
body.modern-workspace .smart-progress span.active { color: #e4dbff; }
body.modern-workspace .smart-progress span.active b { background: #5b467c; color: var(--workspace-text); border-color: var(--workspace-purple); }
body.modern-workspace .smart-progress span.completed { color: var(--workspace-success); }
body.modern-workspace .smart-step { padding: 24px; }
body.modern-workspace .smart-stage-intro { margin-block: 0 20px; }
body.modern-workspace :is(.smart-stage-intro h3, .smart-review-top h3) { font-size: 24px; }
body.modern-workspace :is(.smart-stage-intro p, .smart-review-top p) { color: var(--workspace-muted); font-size: 14px; }
body.modern-workspace .smart-dropzone { min-height: 190px; background: #201b30; border-color: #a28cc8; padding: 22px; }
body.modern-workspace .smart-dropzone strong { font-size: 18px; }
body.modern-workspace :is(.smart-dropzone small, .smart-drop-hint, .smart-footnote) { color: var(--workspace-muted); font-size: 13px; }
body.modern-workspace .smart-drop-hint { font-size: 12px; }
body.modern-workspace :is(.smart-picker-primary, .smart-picker-secondary, .smart-secondary-action) { min-height: 46px; font-size: 14px; border-color: #8f7dbc; color: var(--workspace-text); }
body.modern-workspace :is(.smart-picker-secondary, .smart-secondary-action) { background: var(--workspace-raised); border-color: #666077; }
body.modern-workspace .smart-main-button { min-height: 48px; font-size: 15px; background: var(--workspace-primary); color: var(--workspace-ink); box-shadow: none; transform: none; }
body.modern-workspace .smart-main-button:hover:not(:disabled) { background: #d3c8ff; transform: none; box-shadow: none; }
body.modern-workspace .smart-main-button:disabled { opacity: .65; }
body.modern-workspace .smart-manual-link { min-height: 44px; color: var(--workspace-purple); font-size: 14px; }
body.modern-workspace .smart-selected-info { background: #192d2d; border-color: #658e80; }
body.modern-workspace .smart-selected-info strong { color: #cbf2e7; font-size: 14px; }
body.modern-workspace .smart-selected-info small { color: #b4d1c8; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
body.modern-workspace .smart-selected-size { font-size: 13px; }
body.modern-workspace .smart-status { color: var(--workspace-error); font-size: 14px; }
body.modern-workspace .smart-status-success { color: var(--workspace-success); }
body.modern-workspace .smart-review-top { align-items: center; flex-wrap: wrap; gap: 15px; border-color: var(--workspace-line); }
body.modern-workspace .smart-summary-chip { color: #e4dbff; background: #322a46; border-color: #7a6998; white-space: normal; font-size: 13px; }
body.modern-workspace .smart-warnings { background: #35272c; color: var(--workspace-error); border-color: #9b6673; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
body.modern-workspace .smart-warnings :is(ul, li) { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
body.modern-workspace .smart-groups { gap: 22px; padding-top: 20px; }
body.modern-workspace .smart-group { background: var(--workspace-surface); border-color: #666077; border-radius: 14px; }
body.modern-workspace .smart-group-heading { padding: 16px; background: #252132; border-color: var(--workspace-line); gap: 13px; }
body.modern-workspace .smart-group-heading-copy h4 { font-size: 19px; white-space: normal; overflow-wrap: anywhere; margin-block: 4px; }
body.modern-workspace .smart-group-overline { color: var(--workspace-purple); font-size: 12px; }
body.modern-workspace .smart-group-found { color: var(--workspace-success); font-size: 13px; }
body.modern-workspace .smart-group-attention { color: var(--workspace-warning); font-size: 13px; }
body.modern-workspace .smart-group-meta { grid-template-columns: minmax(100px, .8fr) minmax(0, 2fr) minmax(110px, 1fr) minmax(80px, .6fr); padding: 16px; gap: 13px; }
body.modern-workspace .smart-group-meta label { color: #ddd7ef; font-size: 13px; gap: 7px; }
body.modern-workspace .smart-group-meta label small { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace :is(.smart-group-meta input, .smart-group-meta select, .smart-group-tools input, .smart-group-tools select, .smart-file-fields input, .smart-file-fields select, .smart-file-release input) { height: 44px; background: var(--workspace-input); color: var(--workspace-text); border: 1px solid #726982; font-size: 15px; padding-inline: 10px; border-radius: 8px; }
body.modern-workspace .smart-group-meta input[dir="ltr"] { font: 15px Outfit, Heebo, sans-serif; }
body.modern-workspace .smart-match-candidates { gap: 8px; padding: 0 16px 16px; }
body.modern-workspace .smart-candidate { min-height: 44px; font-size: 13px; border-color: #666077; color: var(--workspace-text); background: #252537; flex-wrap: wrap; }
body.modern-workspace .smart-candidate small { color: var(--workspace-muted); font-size: 12px; }
body.modern-workspace .smart-candidate b { color: var(--workspace-success); }
body.modern-workspace .smart-group-tools { padding: 12px 16px; gap: 10px 14px; background: #131521; border-color: var(--workspace-line); }
body.modern-workspace .smart-group-tools > strong { font-size: 14px; }
body.modern-workspace .smart-group-tools > span { font-size: 13px; color: var(--workspace-muted); }
body.modern-workspace .smart-group-tools label { font-size: 13px; color: var(--workspace-muted); gap: 8px; }
body.modern-workspace .smart-group-tools input { width: 76px; }
body.modern-workspace .smart-group-tools select { width: 155px; font-size: 14px; }
body.modern-workspace .smart-group-tools button { min-height: 44px; font-size: 13px; padding-inline: 13px; background: #332a46; color: var(--workspace-text); border-color: #8f7dbc; }
body.modern-workspace .smart-file-list { max-height: 540px; scrollbar-color: #786b94 #171925; }
body.modern-workspace .smart-file-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 17px 16px; border-color: var(--workspace-line); }
body.modern-workspace .smart-file-row:hover { background: #211e2e; }
body.modern-workspace .smart-file-include { width: 44px; min-height: 44px; align-self: start; }
body.modern-workspace .smart-file-include input { width: 21px; height: 21px; accent-color: var(--workspace-purple); }
body.modern-workspace .smart-file-name { min-width: 0; gap: 7px; flex-basis: auto; }
body.modern-workspace .smart-file-name > b { font: 600 14px/1.65 Outfit, Heebo, sans-serif; color: var(--workspace-text); white-space: normal; overflow-wrap: anywhere; }
body.modern-workspace .smart-file-name > small { color: var(--workspace-muted); font: 13px/1.7 Outfit, Heebo, sans-serif; }
body.modern-workspace .smart-file-release { display: grid; grid-template-columns: minmax(64px, auto) minmax(0, 1fr); color: var(--workspace-muted); font-size: 12px; gap: 8px; }
body.modern-workspace .smart-file-release input { max-width: none; width: 100%; font-size: 14px; }
body.modern-workspace .smart-file-fields { display: grid; grid-template-columns: 64px 64px 124px; margin-inline-start: 0; width: auto; gap: 9px; min-width: 0; }
body.modern-workspace .smart-file-fields label { color: #ddd7ef; font-size: 13px; gap: 7px; min-width: 0; }
body.modern-workspace .smart-file-fields :is(input, select) { width: 100%; min-width: 0; font-family: Heebo, Arial, sans-serif; }
body.modern-workspace .smart-file-repair { min-height: 44px; max-width: 100%; padding: 9px 12px; font-size: 13px; line-height: 1.6; color: var(--workspace-warning); background: #382d24; border-color: #b59666; margin-top: 4px; white-space: normal; }
body.modern-workspace .smart-review-footer { margin-top: 20px; gap: 12px; }
body.modern-workspace .smart-review-footer .smart-main-button { min-width: 220px; }
body.modern-workspace #smartDoneStep { padding-block: 40px; }
body.modern-workspace #smartDoneStep > p { color: var(--workspace-muted); font-size: 15px; }
body.modern-workspace .redesign-review-summary { display: flex; gap: 10px 14px; align-items: center; flex-wrap: wrap; padding: 14px 16px; margin-top: 17px; background: #211c30; border: 1px solid #6d5a8e; border-radius: 12px; color: var(--workspace-text); font-size: 14px; }
body.modern-workspace .redesign-review-summary p { flex-basis: 100%; margin: 0; font-size: 13px; color: var(--workspace-muted); }
body.modern-workspace .redesign-summary-heading { flex: 1 1 100%; }
body.modern-workspace .redesign-summary-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
body.modern-workspace .redesign-summary-note { width: 100%; }
body.modern-workspace .redesign-summary-stat { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; }
body.modern-workspace :is(.redesign-group-status, .redesign-file-status) { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; max-width: 100%; font: 600 12px/1.6 Heebo, Arial, sans-serif; padding: 4px 9px; border: 1px solid #69727a; border-radius: 7px; white-space: normal; overflow-wrap: anywhere; color: var(--workspace-muted); background: #262837; }
body.modern-workspace :is(.redesign-group-status, .redesign-file-status)[data-state="ready"] { color: var(--workspace-success); background: #1c322d; border-color: #679685; }
body.modern-workspace :is(.redesign-group-status, .redesign-file-status)[data-state="review"] { color: var(--workspace-warning); background: #382d24; border-color: #b59666; }
body.modern-workspace :is(.redesign-group-status, .redesign-file-status)[data-state="error"] { color: var(--workspace-error); background: #3b2430; border-color: #b77485; }
body.modern-workspace .smart-file-row.redesign-needs-review { border-inline-start: 4px solid #b59666; }
body.modern-workspace .redesign-group-status, body.modern-workspace .redesign-file-status { margin: 2px 0 0; }
body.modern-workspace .redesign-request-error { padding: 12px; background: #3b2430; border: 1px solid #b77485; border-radius: 9px; color: var(--workspace-error); }
body.modern-workspace .smart-file-row.redesign-needs-correction { border-inline-start: 4px solid #e795a6; background: #261b27; }
body.modern-workspace .smart-file-row.redesign-file-excluded { background: #131521; }
body.modern-workspace .redesign-file-excluded .smart-file-name > b { color: var(--workspace-muted); }
body.modern-workspace .toast { background: #292438; border-color: #9b89bd; color: var(--workspace-text); font-size: 14px; padding: 14px 18px; overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  body.modern-workspace .hero-metrics { gap: 12px; }
  body.modern-workspace .hero-metrics div { min-width: 58px; padding-inline-start: 12px; }
  body.modern-workspace .library-title-grid, body.modern-workspace .catalog-browse-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.modern-workspace .nav-live { display: none; }
  body.modern-workspace .topbar-inner { gap: 14px; }
  body.modern-workspace .nav-links { gap: 2px; }
  body.modern-workspace .catalog-list-layout .catalog-title-content { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, 1fr); }
  body.modern-workspace .catalog-list-layout .catalog-title-footer { grid-column: 1 / -1; justify-content: flex-start; gap: 12px; }
}
@media (max-width: 800px) {
  body.modern-workspace .wrap { width: calc(100% - 40px); }
  body.modern-workspace .topbar { height: calc(70px + env(safe-area-inset-top, 0px)); position: sticky; }
  body.modern-workspace .topbar-inner { width: calc(100% - 32px); }
  body.modern-workspace .brand-copy strong { font-size: 19px; }
  body.modern-workspace .brand-mark { width: 40px; height: 40px; }
  body.modern-workspace .account-mobile-button { width: 44px; height: 44px; flex: 0 0 44px; }
  body.modern-workspace .mobile-bottom-nav { background: #151622f5; border-color: #655878; }
  body.modern-workspace .mobile-bottom-nav :is(a, button) { color: var(--workspace-muted); font-size: 12px; min-height: 54px; }
  body.modern-workspace .mobile-bottom-nav [aria-current="page"] { color: #e4dbff; background: #403353; }
  body.modern-workspace .mobile-bottom-nav .mobile-nav-upload { color: var(--workspace-purple); }
  body.modern-workspace :is(.workspace-search, .workspace-library, .workspace-upload, .workspace-discovery, .workspace-addon, .workspace-help) { scroll-margin-top: calc(86px + env(safe-area-inset-top, 0px)); }
  body.modern-workspace .workspace-intro { padding-block: 26px 24px; }
  body.modern-workspace .workspace-intro-copy { grid-template-columns: minmax(0, 1fr); }
  body.modern-workspace .hero-metrics { grid-column: 1; grid-row: auto; margin-top: 20px; gap: 24px; }
  body.modern-workspace .hero-metrics div { min-width: 85px; padding-inline-start: 24px; }
  body.modern-workspace .hero-metrics div:first-child { padding-inline-start: 0; }
  body.modern-workspace .hero-metrics strong { font-size: 24px; }
  body.modern-workspace .hero h1 { font-size: 36px; }
  body.modern-workspace .library-title-grid, body.modern-workspace .catalog-browse-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.modern-workspace .library-heading { flex-direction: row; align-items: center; }
  body.modern-workspace .library-toolbar { align-items: stretch; }
  body.modern-workspace .library-toolbar .library-controls { width: 100%; justify-content: space-between; }
  body.modern-workspace .library-display-controls { width: 100%; justify-content: space-between; }
  body.modern-workspace .workspace-upload { grid-template-columns: 1fr; gap: 18px; padding: 24px; }
  body.modern-workspace .smart-inline-drop { min-height: 154px; }
  body.modern-workspace .addon-card { grid-template-columns: 120px minmax(0, 1fr); padding: 24px; gap: 22px; }
  body.modern-workspace .addon-visual, body.modern-workspace .addon-copy { order: initial; }
  body.modern-workspace .addon-visual { height: 160px; }
  body.modern-workspace .addon-logo { width: 96px; height: 96px; }
  body.modern-workspace .addon-verified { white-space: normal; text-align: center; }
  body.modern-workspace .steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.modern-workspace .step-card { padding: 18px; }
  body.modern-workspace .smart-group-meta { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.modern-workspace .smart-file-row { grid-template-columns: 44px minmax(0, 1fr); }
  body.modern-workspace .smart-file-fields { grid-column: 2; grid-template-columns: minmax(64px, .7fr) minmax(64px, .7fr) minmax(0, 1.4fr); width: 100%; }
  body.modern-workspace .smart-group-tools label { flex-wrap: wrap; }
  body.modern-workspace .smart-group-tools > span { margin-inline-end: 0; }
  body.modern-workspace .catalog-version { flex-wrap: wrap; }
  body.modern-workspace .catalog-version-main { flex: 1 1 calc(100% - 56px); }
  body.modern-workspace .catalog-version-info { flex-direction: row; flex-wrap: wrap; margin-inline-start: 48px; gap: 12px; }
  body.modern-workspace .catalog-download { margin-inline-start: auto; }
}
@media (max-width: 580px) {
  body.modern-workspace .wrap { width: calc(100% - 28px); }
  body.modern-workspace .hero h1 { font-size: 32px; line-height: 1.3; }
  body.modern-workspace .hero-lead { font-size: 14px; margin-bottom: 15px; }
  body.modern-workspace .hero-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.modern-workspace .hero-buttons .btn { padding: 10px 8px; min-height: 46px; white-space: normal; font-size: 13px; line-height: 1.5; }
  body.modern-workspace .hero-metrics { width: 100%; justify-content: flex-start; gap: 12px; margin-top: 18px; }
  body.modern-workspace .hero-metrics div { min-width: 0; flex: 1; padding-inline-start: 12px; }
  body.modern-workspace .hero-metrics strong { font-size: 23px; }
  body.modern-workspace .hero-metrics span { font-size: 12px; }
  body.modern-workspace .search-wrap { padding: 20px 15px; border-radius: 15px; }
  body.modern-workspace .search-heading h2 { font-size: 24px; }
  body.modern-workspace .search-heading p { font-size: 13px; }
  body.modern-workspace .file-search-drop { padding: 10px; gap: 8px; }
  body.modern-workspace .file-search-hint { font-size: 12px; text-align: center; }
  body.modern-workspace .file-search-button { font-size: 13px; }
  body.modern-workspace .file-search-panel, body.modern-workspace .search-results { padding: 13px; }
  body.modern-workspace .file-search-match { flex-wrap: wrap; }
  body.modern-workspace .file-search-match-arrow { margin-inline-start: auto; }
  body.modern-workspace .discover-items { grid-template-columns: minmax(0, 1fr); }
  body.modern-workspace .workspace-library { padding-block: 29px 30px; }
  body.modern-workspace .section-top h2, body.modern-workspace .catalog-browse-heading h2 { font-size: 25px; }
  body.modern-workspace .library-heading { align-items: flex-start; gap: 12px; }
  body.modern-workspace .library-heading > div:first-child { min-width: 0; }
  body.modern-workspace .library-heading p { font-size: 13px; }
  body.modern-workspace .library-counter { padding: 9px 11px; gap: 7px; }
  body.modern-workspace .library-counter-icon { width: 28px; height: 28px; font-size: 21px; }
  body.modern-workspace .library-counter strong { font-size: 23px; }
  body.modern-workspace .library-counter small { font-size: 11px; white-space: nowrap; }
  body.modern-workspace .library-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); padding: 10px; gap: 11px; }
  body.modern-workspace .library-toolbar .library-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.modern-workspace .library-toolbar .filter-pills { display: flex; width: 100%; justify-content: stretch; gap: 4px; }
  body.modern-workspace .library-toolbar .filter { min-width: 0; flex: 1; padding: 8px 10px; font-size: 13px; }
  body.modern-workspace .library-select-label { display: flex; justify-content: space-between; width: 100%; font-size: 13px; }
  body.modern-workspace .library-select-label span { display: inline; }
  body.modern-workspace .library-select-label select { width: auto; flex: 1; min-width: 0; max-width: 240px; font-size: 16px; }
  body.modern-workspace .library-display-controls { align-items: flex-end; flex-wrap: nowrap; gap: 10px; }
  body.modern-workspace .library-display-controls .library-sort { flex: 1; min-width: 0; flex-direction: column; align-items: stretch; gap: 6px; }
  body.modern-workspace .library-sort select { max-width: none; width: 100%; }
  body.modern-workspace .library-view-toggle { flex-shrink: 0; }
  body.modern-workspace .library-title-grid, body.modern-workspace .catalog-browse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.modern-workspace .catalog-title-content { padding: 11px 10px; }
  body.modern-workspace .catalog-title-heading { font-size: 15px; min-height: 45px; }
  body.modern-workspace .catalog-title-meta, body.modern-workspace .catalog-title-footer { font-size: 11px; }
  body.modern-workspace .catalog-language { font-size: 11px; padding-inline: 6px; }
  body.modern-workspace .catalog-list-layout .catalog-title-content { display: flex; padding: 12px; gap: 6px; }
  body.modern-workspace .catalog-list-layout .catalog-art { width: 75px; min-height: 116px; }
  body.modern-workspace .catalog-list-layout .catalog-title-heading { white-space: normal; min-height: 0; }
  body.modern-workspace .catalog-list-layout .catalog-title-footer { display: flex; width: 100%; padding-top: 7px; }
  body.modern-workspace .workspace-upload { padding: 20px 16px; gap: 15px; border-radius: 15px; }
  body.modern-workspace .smart-intro-copy h2 { font-size: 24px; }
  body.modern-workspace .smart-intro-copy p { font-size: 13px; }
  body.modern-workspace .smart-inline-drop { min-height: 160px; padding: 16px 12px; }
  body.modern-workspace .workspace-discovery { padding-block: 30px; }
  body.modern-workspace .catalog-browse-heading { align-items: flex-start; gap: 12px; }
  body.modern-workspace .catalog-browse-toolbar { padding: 8px; gap: 5px; }
  body.modern-workspace .catalog-browse-toolbar button { min-width: 0; padding-inline: 12px; font-size: 13px; }
  body.modern-workspace .catalog-browse-toolbar > span { width: 100%; margin-inline-start: 0; padding: 6px 5px 0; }
  body.modern-workspace .catalog-browse-details { padding: 11px 10px; }
  body.modern-workspace .catalog-browse-details h3 { font-size: 15px; }
  body.modern-workspace :is(.catalog-browse-add, .catalog-browse-view) { width: 100%; white-space: normal; line-height: 1.5; }
  body.modern-workspace .addon-card { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; gap: 18px; border-radius: 15px; }
  body.modern-workspace .addon-copy { order: 1; }
  body.modern-workspace .addon-visual { order: 2; height: 128px; }
  body.modern-workspace .addon-logo { width: 92px; height: 92px; border-radius: 23px; }
  body.modern-workspace .addon-copy h2 { font-size: 25px; }
  body.modern-workspace .addon-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  body.modern-workspace .addon-actions .btn { min-height: 46px; width: 100%; white-space: normal; }
  body.modern-workspace .manifest-url { font-size: 12px; }
  body.modern-workspace .workspace-addon { padding-bottom: 30px; }
  body.modern-workspace .steps-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.modern-workspace .workspace-help { padding-bottom: 32px; }
  body.modern-workspace .footer-inner { padding-block: 22px; gap: 6px; }
  body.modern-workspace :is(.smart-dialog, .library-dialog, .upload-dialog, .account-dialog) { width: calc(100vw - 16px); max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); border-radius: 14px; }
  body.modern-workspace :is(.dialog-panel, .account-guest) { padding: 20px 16px; }
  body.modern-workspace .dialog-head h2 { font-size: 24px; }
  body.modern-workspace .two-cols { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.modern-workspace .account-header { padding: 18px 14px; gap: 10px; }
  body.modern-workspace .account-header h2 { font-size: 21px; }
  body.modern-workspace .catalog-detail-hero { padding: 60px 16px 20px; gap: 14px; align-items: flex-start; }
  body.modern-workspace .catalog-detail-art { width: 75px; height: 109px; }
  body.modern-workspace .catalog-detail-identity { padding-inline-end: 0; }
  body.modern-workspace .catalog-detail-identity h2 { font-size: 24px; }
  body.modern-workspace .catalog-detail-metrics { font-size: 12px; gap: 7px 10px; }
  body.modern-workspace .catalog-detail-metrics span { border: 0; padding-inline-start: 0; }
  body.modern-workspace .catalog-detail-metrics b { font-size: 13px; }
  body.modern-workspace .catalog-detail-contribute { width: 100%; padding: 9px; font-size: 13px; }
  body.modern-workspace .catalog-detail-body { padding: 20px 14px; }
  body.modern-workspace .catalog-seasons { gap: 8px; }
  body.modern-workspace .catalog-season-tab { min-width: 0; flex: 1 1 100px; padding-inline: 12px; }
  body.modern-workspace .catalog-detail-versions-heading h3 { font-size: 20px; }
  body.modern-workspace .catalog-version { padding: 13px 12px; gap: 10px; }
  body.modern-workspace .catalog-version-icon { width: 32px; height: 32px; }
  body.modern-workspace .catalog-version-main { flex: 1 1 calc(100% - 44px); }
  body.modern-workspace .catalog-version-primary strong { font-size: 14px; }
  body.modern-workspace .catalog-version-info { margin-inline-start: 0; flex-basis: 100%; font-size: 12px; }
  body.modern-workspace .catalog-download { margin-inline-start: 0; flex: 1; justify-content: center; }
  body.modern-workspace .catalog-delete { margin-inline-start: 0; }
  body.modern-workspace .redesign-library-breadcrumb { padding: 12px 16px; }
  body.modern-workspace .smart-dialog-top { padding: 16px 14px; gap: 10px; }
  body.modern-workspace .smart-dialog-brand { gap: 10px; }
  body.modern-workspace .smart-dialog-top h2 { font-size: 19px; }
  body.modern-workspace .smart-overline { font-size: 10px; letter-spacing: .5px; }
  body.modern-workspace .smart-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 13px 12px; align-items: start; }
  body.modern-workspace .smart-progress span { flex-direction: column; white-space: normal; text-align: center; gap: 5px; font-size: 12px; line-height: 1.5; }
  body.modern-workspace .smart-progress i { display: none; }
  body.modern-workspace .smart-step { padding: 20px 14px; }
  body.modern-workspace .smart-stage-intro h3, body.modern-workspace .smart-review-top h3 { font-size: 22px; }
  body.modern-workspace .smart-stage-intro p, body.modern-workspace .smart-review-top p { font-size: 13px; }
  body.modern-workspace .smart-dropzone { min-height: 182px; padding: 16px 12px; text-align: center; }
  body.modern-workspace .smart-dropzone strong { font-size: 17px; }
  body.modern-workspace .smart-pick-actions { grid-template-columns: minmax(0, 1fr); }
  body.modern-workspace .smart-group-heading { padding: 14px 12px; gap: 11px; }
  body.modern-workspace .smart-group-poster { width: 40px; height: 58px; }
  body.modern-workspace .smart-group-heading-copy h4 { font-size: 17px; }
  body.modern-workspace .smart-group-meta { padding: 14px 12px; gap: 12px; }
  body.modern-workspace .smart-group-meta :is(input, select), body.modern-workspace .smart-file-fields :is(input, select), body.modern-workspace .smart-file-release input { font-size: 16px; }
  body.modern-workspace .smart-match-candidates { padding-inline: 12px; }
  body.modern-workspace .smart-candidate-title { max-width: none; white-space: normal; overflow-wrap: anywhere; }
  body.modern-workspace .smart-group-tools { padding: 13px 12px; gap: 10px; }
  body.modern-workspace .smart-group-tools > strong { flex: 1; }
  body.modern-workspace .smart-group-tools label { flex: 1 1 125px; display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
  body.modern-workspace .smart-group-tools :is(select, input) { width: 100%; max-width: none; font-size: 16px; }
  body.modern-workspace .smart-group-tools button { flex: 1 1 100%; }
  body.modern-workspace .smart-file-row { grid-template-columns: 44px minmax(0, 1fr); padding: 15px 10px; gap: 8px; }
  body.modern-workspace .smart-file-fields { grid-column: 1 / -1; grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.35fr); gap: 8px; }
  body.modern-workspace .smart-file-release { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  body.modern-workspace .smart-file-fields label { font-size: 13px; }
  body.modern-workspace .smart-review-footer { flex-direction: column-reverse; }
  body.modern-workspace .smart-review-footer .smart-main-button, body.modern-workspace .smart-review-footer .smart-secondary-action { min-width: 0; width: 100%; }
  body.modern-workspace .redesign-review-summary { padding: 13px; gap: 8px 12px; }
  body.modern-workspace .smart-file-repair { width: 100%; align-self: stretch; }
  body.modern-workspace .smart-footnote { font-size: 12px; }
}
@media (max-width: 360px) {
  body.modern-workspace .topbar-inner { gap: 9px; }
  body.modern-workspace .brand-copy strong { font-size: 17px; }
  body.modern-workspace .brand-copy small { letter-spacing: 1px; font-size: 8px; }
  body.modern-workspace .brand-mark { width: 36px; height: 36px; border-radius: 10px; }
  body.modern-workspace .hero h1 { font-size: 30px; }
  body.modern-workspace .hero-metrics span { font-size: 11px; }
  body.modern-workspace .library-heading { flex-wrap: wrap; }
  body.modern-workspace .library-counter { padding: 8px 12px; }
  body.modern-workspace .library-counter div { flex-direction: row; align-items: center; gap: 7px; }
  body.modern-workspace .library-counter-icon { width: 27px; height: 27px; }
  body.modern-workspace .catalog-title-heading { font-size: 14px; min-height: 42px; }
  body.modern-workspace .catalog-title-content { padding-inline: 9px; }
  body.modern-workspace .catalog-title-footer { gap: 4px; font-size: 11px; white-space: normal; }
  body.modern-workspace .catalog-detail-hero { gap: 12px; }
  body.modern-workspace .catalog-detail-art { width: 61px; height: 90px; }
  body.modern-workspace .catalog-detail-identity h2 { font-size: 22px; }
  body.modern-workspace .smart-dialog-brand { gap: 8px; }
  body.modern-workspace .smart-sparkle { width: 36px; height: 36px; font-size: 23px; flex-shrink: 0; }
  body.modern-workspace .smart-dialog-top h2 { font-size: 17px; }
  body.modern-workspace .smart-group-meta { grid-template-columns: minmax(0, 1fr); }
  body.modern-workspace .smart-file-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.modern-workspace .smart-file-fields label:last-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  body.modern-workspace *, body.modern-workspace *::before, body.modern-workspace *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}