:root{color-scheme:light;--color-bg: #f4f0e7;--color-bg-canvas: #fbf8f1;--color-surface: rgba(255, 252, 245, .88);--color-surface-strong: #ffffff;--color-surface-muted: #eee8dc;--color-text: #171717;--color-heading: #111111;--color-muted: #5d625f;--color-subtle: #7b837f;--color-line: rgba(22, 22, 22, .12);--color-line-strong: rgba(22, 22, 22, .2);--color-accent: #9d742c;--color-accent-strong: #dba84f;--color-accent-text: #211506;--color-teal: #137d73;--color-teal-soft: rgba(19, 125, 115, .12);--color-warning: #936018;--color-warning-soft: rgba(219, 168, 79, .16);--color-focus: #207f75;--shadow-soft: 0 18px 60px rgba(24, 20, 14, .1);--shadow-panel: 0 28px 90px rgba(24, 20, 14, .16);--border-hairline: 1px solid var(--color-line);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-focus), transparent 70%);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--layout-page: 1180px;--layout-reading: 760px;--layout-narrow: 620px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .78rem;--text-sm: .9rem;--text-md: 1rem;--text-lg: 1.12rem;--text-xl: 1.35rem;--text-2xl: 2rem;--text-hero: 4.55rem}:root[data-density=compact]{--space-4: 14px;--space-5: 18px;--space-6: 26px;--space-7: 40px;--space-8: 52px;--text-sm: .86rem;--text-md: .96rem}:root[data-theme=dark]{color-scheme:dark;--color-bg: #101317;--color-bg-canvas: #13171c;--color-surface: rgba(23, 27, 32, .86);--color-surface-strong: #191e24;--color-surface-muted: #20262d;--color-text: #f7f2e9;--color-heading: #fff9ed;--color-muted: #c9c0b4;--color-subtle: #8f99a4;--color-line: rgba(255, 249, 237, .12);--color-line-strong: rgba(255, 249, 237, .2);--color-accent: #d7b46a;--color-accent-strong: #f0c96f;--color-accent-text: #17130a;--color-teal: #8fd4bd;--color-teal-soft: rgba(143, 212, 189, .12);--color-warning: #f0c96f;--color-warning-soft: rgba(240, 201, 111, .13);--color-focus: #8fd4bd;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .22);--shadow-panel: 0 28px 90px rgba(0, 0, 0, .32)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--color-bg: #101317;--color-bg-canvas: #13171c;--color-surface: rgba(23, 27, 32, .86);--color-surface-strong: #191e24;--color-surface-muted: #20262d;--color-text: #f7f2e9;--color-heading: #fff9ed;--color-muted: #c9c0b4;--color-subtle: #8f99a4;--color-line: rgba(255, 249, 237, .12);--color-line-strong: rgba(255, 249, 237, .2);--color-accent: #d7b46a;--color-accent-strong: #f0c96f;--color-accent-text: #17130a;--color-teal: #8fd4bd;--color-teal-soft: rgba(143, 212, 189, .12);--color-warning: #f0c96f;--color-warning-soft: rgba(240, 201, 111, .13);--color-focus: #8fd4bd;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .22);--shadow-panel: 0 28px 90px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;color:var(--color-text);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent),transparent 91%),transparent 34%),radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--color-teal),transparent 86%),transparent 24%),var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit;min-width:0}button,select,input{color:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}:focus-visible{outline:0;box-shadow:var(--focus-ring)}#app,.app-frame{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-bar,.main-content,.privacy-footer{width:min(var(--layout-page),calc(100% - 40px));margin:0 auto}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0 var(--space-4)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-3);min-width:max-content}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:var(--border-hairline);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-surface-strong),var(--color-surface-muted));color:var(--color-accent);box-shadow:var(--shadow-soft);font-weight:900}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:var(--color-heading)}.brand-lockup small{color:var(--color-subtle);font-size:var(--text-xs)}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.main-nav a{min-width:0;min-height:44px;padding:10px 13px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.main-nav a:hover{background:color-mix(in srgb,var(--color-surface-strong),transparent 42%);color:var(--color-heading)}.main-nav a[aria-current=page]{border-color:var(--color-line);background:var(--color-surface);color:var(--color-heading)}.main-content{padding:var(--space-5) 0 var(--space-7)}.privacy-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:0 0 var(--space-5);color:var(--color-subtle);font-size:var(--text-xs)}.privacy-footer span{border:var(--border-hairline);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--color-surface),transparent 18%)}.page-stack{display:grid;gap:var(--space-5)}.page-header{max-width:var(--layout-reading)}.hero-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);align-items:center;gap:var(--space-7);min-height:520px;border:1px solid transparent;border-radius:var(--radius-lg);transition:border-color .16s ease,background .16s ease}.hero-section.is-drop-active{border-color:color-mix(in srgb,var(--color-accent),transparent 18%);background:color-mix(in srgb,var(--color-warning-soft),transparent 48%)}.capture-onboarding-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:var(--space-5);align-items:center;border-color:color-mix(in srgb,var(--color-accent),transparent 72%);transition:border-color .16s ease,background .16s ease}.capture-onboarding-panel.is-drop-active{border-color:color-mix(in srgb,var(--color-accent),transparent 18%);background:color-mix(in srgb,var(--color-warning-soft),transparent 54%)}.capture-onboarding-copy{display:grid;gap:var(--space-3)}.capture-onboarding-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.capture-drop-zone{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-4);border:1px dashed color-mix(in srgb,var(--color-accent),transparent 56%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-strong),transparent 54%);color:var(--color-muted);font-size:var(--text-sm);font-weight:750}.capture-drop-zone small{margin-left:auto;color:var(--color-accent);font-size:var(--text-xs);text-transform:uppercase}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--text-xs);font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-heading);letter-spacing:0}h1{max-width:760px;margin-bottom:var(--space-4);font-size:var(--text-hero);line-height:1}h2{margin-bottom:var(--space-2);font-size:var(--text-xl);line-height:1.2}p{margin-bottom:0}.hero-lede,.page-lede,.panel p,.empty-copy,.supporting-copy,.empty-state p,.empty-inline p,.track-list-empty p,.now-playing-meta p{color:var(--color-muted);line-height:1.68}.hero-lede{max-width:640px;font-size:var(--text-lg)}.page-lede{max-width:var(--layout-reading);font-size:var(--text-lg)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-6) 0 var(--space-2)}.supporting-copy{margin-bottom:var(--space-3);font-size:var(--text-sm)}.home-secondary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.microcopy{color:var(--color-subtle);font-size:var(--text-xs);line-height:1.55}.button,.text-action,.icon-button,.segment-button{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;min-height:46px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-weight:850;text-align:center;overflow-wrap:anywhere}.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:translateY(1px)}.button-primary{background:var(--color-accent-strong);color:var(--color-accent-text);box-shadow:0 12px 26px color-mix(in srgb,var(--color-accent-strong),transparent 72%)}.button-primary:hover{background:color-mix(in srgb,var(--color-accent-strong),white 10%)}.button-primary:disabled{background:color-mix(in srgb,var(--color-surface-strong),transparent 18%);color:var(--color-subtle);box-shadow:none}.button-secondary{border:var(--border-hairline);background:color-mix(in srgb,var(--color-surface-strong),transparent 30%);color:var(--color-heading)}.button-secondary:hover{border-color:var(--color-line-strong);background:var(--color-surface-strong)}.text-action{display:inline-flex;min-height:44px;align-items:center;padding:0;background:transparent;color:var(--color-teal);font-weight:850}.icon-button{display:inline-grid;width:44px;height:44px;place-items:center;border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 32%);color:var(--color-heading)}.icon-button:hover{background:var(--color-surface-strong)}.icon{width:18px;height:18px;stroke-width:2}.player-preview,.panel,.page-panel,.banner,.library-panel,.now-playing-panel,.drop-panel,.toast,.dialog-surface{border:var(--border-hairline);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel,.page-panel,.drop-panel,.banner{padding:var(--space-5)}.panel-muted{background:color-mix(in srgb,var(--color-surface-muted),transparent 16%)}.player-preview{display:grid;gap:var(--space-5);padding:var(--space-5)}.preview-header,.preview-track,.panel-title-row,.settings-row,.recent-list li,.now-playing-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.preview-header,.now-playing-topline{color:var(--color-subtle);font-size:var(--text-sm)}.status-pill,.count-pill{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:30px;border:var(--border-hairline);border-radius:999px;padding:5px 10px;background:var(--color-teal-soft);color:var(--color-teal);font-size:var(--text-xs);font-weight:800;overflow-wrap:anywhere}.album-plate,.now-playing-art{display:grid;aspect-ratio:1;place-items:center;border-radius:var(--radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent),transparent 74%),color-mix(in srgb,var(--color-teal),transparent 84%)),var(--color-surface-muted)}.album-plate .icon,.now-playing-art .icon{width:72px;height:72px;color:var(--color-accent-strong)}.now-playing-video{width:100%;height:100%;min-height:inherit;border:0;border-radius:inherit;background:#050607;object-fit:contain}.preview-track{align-items:flex-end}.preview-track span{color:var(--color-subtle)}.preview-progress,.progress-bar{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-line),transparent 35%)}.preview-progress span,.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--color-teal)}.preview-progress span{width:42%}.banner{display:flex;align-items:flex-start;gap:var(--space-3)}.inline-banner{margin:var(--space-4) 0;box-shadow:none}.banner-warning{background:var(--color-warning-soft);color:var(--color-warning)}.error-notice{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-warning),transparent 60%);border-radius:var(--radius-md)}.error-notice-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:start}.error-notice-main p{margin:var(--space-1) 0 0;color:var(--color-muted)}.error-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-left:calc(24px + var(--space-3))}.error-details{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.error-details summary{cursor:pointer;font-weight:800}.error-details pre{overflow-x:auto;margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 30%);color:var(--color-muted);white-space:pre-wrap}.dashboard-grid,.info-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-stack{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.settings-label{margin:0 0 var(--space-2);color:var(--color-heading);font-size:var(--text-sm);font-weight:850}.toggle-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 48%)}.toggle-row input{width:24px;height:24px;margin-top:2px;accent-color:var(--color-accent)}.toggle-row span{display:grid;gap:var(--space-1)}.toggle-row strong{color:var(--color-heading);font-size:var(--text-sm)}.toggle-row small{color:var(--color-muted);line-height:1.45}.toggle-row.is-readonly{opacity:.82}.toggle-row.is-readonly input{pointer-events:none}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.confirmation-panel{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-warning),transparent 58%);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning)}.confirmation-panel p{margin:var(--space-1) 0 0;color:var(--color-muted)}.advanced-settings{display:grid;gap:var(--space-4)}.advanced-settings summary{cursor:pointer;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{content:"Show";display:inline-flex;margin-top:var(--space-3);min-height:34px;align-items:center;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-muted);font-size:var(--text-sm);font-weight:800}.advanced-settings[open] summary:after{content:"Hide"}.section-heading{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.section-heading>.icon{flex:0 0 auto;color:var(--color-accent)}.section-heading>div{min-width:0}.recent-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.locked-package-list{display:grid;gap:var(--space-3);padding:0;margin:var(--space-4) 0 0;list-style:none}.locked-package-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-strong),transparent 46%)}.locked-package-title-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.locked-package-card strong,.locked-package-card small{min-width:0;overflow-wrap:anywhere}.locked-package-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.recent-list li{min-height:46px;padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);color:var(--color-muted);background:color-mix(in srgb,var(--color-surface-strong),transparent 54%)}.recent-list li>div{display:grid;gap:var(--space-1);min-width:0}.recent-list span:first-child{min-width:0;overflow-wrap:anywhere;color:var(--color-heading)}.recent-list small{color:var(--color-subtle)}.recent-actions{justify-items:end}.privacy-note{margin:var(--space-3) 0 0;color:var(--color-subtle);font-size:var(--text-xs);line-height:1.5}.privacy-checklist{display:grid;gap:var(--space-3);padding:0;margin:var(--space-5) 0 0;list-style:none}.privacy-checklist li{display:grid;gap:var(--space-1);padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 50%)}.privacy-checklist strong{color:var(--color-heading)}.privacy-checklist span{color:var(--color-muted);line-height:1.55}.browser-support-panel{display:grid;gap:var(--space-4)}.support-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.support-list li{display:grid;gap:var(--space-1);padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 46%)}.support-list li[data-severity=warning]{border-color:color-mix(in srgb,var(--color-warning),transparent 58%);background:var(--color-warning-soft)}.support-list strong{color:var(--color-heading)}.support-list span{color:var(--color-muted);line-height:1.5}.empty-inline,.track-list-empty{display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-5);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted),transparent 44%)}.empty-inline .icon,.track-list-empty .icon{color:var(--color-accent)}.player-shell,.player-layout{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:var(--space-5);min-width:0;min-height:620px}.player-layout.is-single-item{grid-template-columns:minmax(230px,.28fr) minmax(0,.72fr)}.player-experience{display:grid;gap:var(--space-5)}.player-appbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-panel)}.player-appbar h1{margin:0;font-size:var(--text-2xl);line-height:1.1;overflow-wrap:anywhere}.player-library-summary,.player-lock-copy{margin-top:var(--space-2);color:var(--color-subtle);font-size:var(--text-sm);line-height:1.45}.player-lock-copy{max-width:210px;margin:0 var(--space-2) 0 0;text-align:right}.demo-title-badge{display:inline-flex;margin-left:var(--space-3);vertical-align:middle;border:var(--border-hairline);border-radius:999px;padding:4px 9px;background:var(--color-teal-soft);color:var(--color-teal);font-size:var(--text-xs);font-weight:850}.player-appbar-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);min-width:0}.opened-library-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface),transparent 12%);box-shadow:var(--shadow-soft)}.opened-library-summary h2{margin:0;overflow-wrap:anywhere}.opened-library-summary dl{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:var(--space-2);margin:0}.opened-library-summary dl div,.single-media-file-card dl div{display:grid;gap:var(--space-1);border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 38%)}.opened-library-summary dt,.single-media-file-card dt{color:var(--color-subtle);font-size:var(--text-xs);font-weight:850;text-transform:uppercase}.opened-library-summary dd,.single-media-file-card dd{margin:0;color:var(--color-heading);font-weight:850}.summary-warning{grid-column:1 / -1;margin:0;border:1px solid color-mix(in srgb,var(--color-warning),transparent 62%);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);line-height:1.45}.library-panel,.now-playing-panel{min-width:0;padding:var(--space-5)}.library-panel{display:grid;align-content:start;gap:var(--space-5)}.track-sidebar{max-height:760px;overflow:hidden}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.panel-header h1{margin:0;font-size:var(--text-2xl);line-height:1.1;overflow-wrap:anywhere}.security-strip{display:flex;align-items:center;gap:var(--space-2);border-top:var(--border-hairline);padding-top:var(--space-4);color:var(--color-subtle);font-size:var(--text-sm)}.search-field{display:flex;align-items:center;gap:var(--space-2);min-height:44px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);background:var(--color-surface-strong)}.search-field .icon{flex:0 0 auto;color:var(--color-subtle)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-heading)}.search-clear-button{width:32px;height:32px;min-height:32px;color:var(--color-subtle)}.track-sidebar-content{min-height:0;overflow:auto}.single-media-file-card{display:grid;gap:var(--space-3);align-content:start;border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-strong),transparent 48%)}.single-media-file-card p{margin:0;color:var(--color-muted);overflow-wrap:anywhere}.single-media-file-card dl{display:grid;gap:var(--space-2);margin:0}.player-track-list li{display:block;min-height:0;padding:0}.player-track-list li button{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px;background:transparent;color:inherit;text-align:left}.player-track-list li button>div{min-width:0}.player-track-list li button:hover{border-color:var(--color-line);background:color-mix(in srgb,var(--color-surface-strong),transparent 35%)}.player-track-list .track-index{display:inline-grid;width:28px;height:28px;place-items:center;border:var(--border-hairline);border-radius:999px;color:var(--color-subtle);font-size:var(--text-xs);font-weight:850}.player-track-list li[data-current=true]{border-color:var(--color-line-strong);background:color-mix(in srgb,var(--color-teal-soft),transparent 18%)}.player-track-list li[data-current=true] strong{color:var(--color-heading)}.player-track-list strong{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.player-track-list strong span:first-child,.player-track-list small,.recent-list span:first-child,.bookmark-list .text-action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-kind-badge{flex:0 0 auto;border:var(--border-hairline);border-radius:999px;padding:3px 7px;color:var(--color-subtle);font-size:.68rem;font-weight:850;line-height:1;text-transform:uppercase}.media-kind-badge[data-kind=video]{background:color-mix(in srgb,var(--color-teal-soft),transparent 18%);color:var(--color-teal)}.media-filter-control{grid-template-columns:repeat(3,minmax(0,1fr))}.media-filter-control .segment-button{gap:var(--space-2)}.media-filter-control span{color:var(--color-subtle);font-size:var(--text-xs)}.now-playing-panel{display:grid;gap:var(--space-4)}.player-main{align-content:start}.now-playing-card{display:grid;grid-template-columns:minmax(220px,.54fr) minmax(0,.46fr);align-items:center;gap:var(--space-5);min-width:0}.now-playing-card.is-empty{display:block}.player-empty-state{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,.65fr);align-items:center;gap:var(--space-5)}.player-empty-state h2{max-width:680px;margin-bottom:var(--space-2);font-size:var(--text-2xl)}.player-empty-state p{max-width:640px}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.now-playing-art{aspect-ratio:16 / 9;min-height:190px;max-height:230px}.now-playing-card .now-playing-art{aspect-ratio:1;max-height:none}.now-playing-card .now-playing-video-frame{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;min-height:240px;overflow:hidden;background:#050607}.media-renderer-overlay{position:absolute;inset:var(--space-3);display:grid;place-content:center;gap:var(--space-2);border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface),transparent 10%);color:var(--color-heading);text-align:center}.media-renderer-overlay span{color:var(--color-muted);font-size:var(--text-sm);line-height:1.45}.media-state-badge{position:absolute;left:var(--space-3);bottom:var(--space-3);max-width:calc(100% - var(--space-6));border:var(--border-hairline);border-radius:999px;padding:var(--space-1) var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 12%);color:var(--color-heading);font-size:var(--text-xs);font-weight:850;box-shadow:var(--shadow-soft)}.media-state-badge[data-tone=active]{background:color-mix(in srgb,var(--color-teal-soft),transparent 12%)}.media-state-badge[data-tone=warning]{background:color-mix(in srgb,var(--color-warning-soft),transparent 6%)}.media-state-badge[data-tone=error]{background:color-mix(in srgb,var(--color-warning-soft),transparent 4%)}.now-playing-meta h2{margin-bottom:var(--space-2);font-size:var(--text-2xl);overflow-wrap:anywhere}.current-track-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.current-track-details div{padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 34%)}.current-track-details dt{color:var(--color-subtle);font-size:var(--text-xs);font-weight:850;text-transform:uppercase}.current-track-details dd{margin:var(--space-1) 0 0;color:var(--color-heading);font-weight:850}.selected-track-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-teal-soft),transparent 36%);color:var(--color-muted);font-size:var(--text-sm)}.selected-track-strip span:first-child{color:var(--color-heading);font-weight:850}.playback-console{display:grid;gap:var(--space-4);padding:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-strong),transparent 32%)}.large-track-confirmation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-warning-soft),transparent 24%)}.large-track-confirmation strong{color:var(--color-heading)}.large-track-confirmation p{margin-top:var(--space-1);color:var(--color-muted);line-height:1.5}.autoplay-recovery{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-teal-soft),transparent 30%)}.autoplay-recovery strong{color:var(--color-heading)}.autoplay-recovery p{margin-top:var(--space-1);color:var(--color-muted)}.time-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-subtle);font-size:var(--text-xs);font-weight:800}.seek-control input,.volume-control input{width:100%;min-height:44px;accent-color:var(--color-teal)}.transport-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.control-button{width:44px;height:44px}.play-button{width:58px;height:58px;border-radius:999px;background:var(--color-accent-strong);color:var(--color-accent-text)}.playback-options{display:grid;grid-template-columns:minmax(160px,1fr) max-content minmax(120px,.55fr) max-content max-content;align-items:center;gap:var(--space-3);min-width:0}.video-action-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.volume-control,.speed-control{display:flex;align-items:center;gap:var(--space-2);min-height:44px}.speed-control{color:var(--color-subtle);font-size:var(--text-sm);font-weight:800}.speed-control select{min-height:44px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-heading)}.compact-button{min-height:44px;padding:0 var(--space-3);font-size:var(--text-sm)}.player-status-line{border-top:var(--border-hairline);padding-top:var(--space-3);color:var(--color-subtle);font-size:var(--text-xs);text-align:center}.media-item-details-panel{border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface),transparent 22%);overflow:hidden}.locked-package-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);margin:var(--space-4) 0}.locked-package-summary div{min-width:0;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 30%)}.locked-package-summary dt{color:var(--color-subtle);font-size:var(--text-xs);font-weight:850;text-transform:uppercase}.locked-package-summary dd{margin:var(--space-1) 0 0;color:var(--color-heading);font-weight:800;overflow-wrap:anywhere}.media-item-details-panel summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);cursor:pointer}.media-item-details-panel summary span{display:grid;gap:2px}.media-item-details-panel summary small{color:var(--color-subtle)}.media-item-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin:0;padding:0 var(--space-4) var(--space-4)}.media-item-details-grid div{min-width:0;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 34%)}.media-item-details-grid dt{color:var(--color-subtle);font-size:var(--text-xs);font-weight:850;text-transform:uppercase}.media-item-details-grid dd{margin:var(--space-1) 0 0;color:var(--color-heading);font-weight:800;overflow-wrap:anywhere}.media-item-details-warning{margin:0 var(--space-4) var(--space-4);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-warning-soft),transparent 28%);color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.bookmarks-panel{border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface),transparent 20%);overflow:hidden}.bookmarks-panel summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);cursor:pointer}.bookmarks-panel summary span{display:grid;gap:2px}.bookmarks-panel summary small,.bookmark-list small{color:var(--color-subtle)}.bookmark-create-row,.bookmark-edit-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.bookmark-list{display:grid;gap:var(--space-2);margin:0;padding:0 var(--space-4) var(--space-4);list-style:none}.bookmark-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-3);align-items:center;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface)}.bookmark-actions{display:flex;gap:var(--space-1)}.mobile-track-toggle{display:none}.bottom-action-bar{display:flex;flex-wrap:wrap;gap:var(--space-3)}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:var(--space-4)}.wizard-panel{display:grid;gap:var(--space-4)}.wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);padding:0;margin:0;list-style:none}.wizard-step{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:42px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);background:color-mix(in srgb,var(--color-surface),transparent 28%);color:var(--color-muted);font-weight:800}.wizard-step span{display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:999px;background:var(--color-surface-muted);color:var(--color-muted);font-size:var(--text-xs)}.wizard-step[data-state=active]{border-color:var(--color-line-strong);background:var(--color-surface);color:var(--color-heading)}.wizard-step[data-state=active] span,.wizard-step[data-state=done] span{background:var(--color-accent-strong);color:var(--color-accent-text)}.wizard-step[data-state=done]{color:var(--color-teal)}.drop-panel{display:grid;justify-items:start;gap:var(--space-3);border-style:dashed}.drop-panel>.icon{width:42px;height:42px;color:var(--color-accent)}.import-drop-panel{min-height:280px;align-content:center}.import-drop-panel:focus-within,.import-drop-panel:hover{border-color:var(--color-line-strong);background:color-mix(in srgb,var(--color-surface-strong),transparent 34%)}.import-drop-panel.is-dragging{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal-soft),transparent 14%);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-teal),transparent 86%)}.drop-actions,.review-toolbar,.row-actions,.builder-summary,.library-stats,.password-tools,.save-actions,.wizard-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.builder-summary span,.library-stats span{display:inline-flex;min-height:28px;align-items:center;border:var(--border-hairline);border-radius:999px;padding:4px 9px;background:color-mix(in srgb,var(--color-surface-strong),transparent 34%);color:var(--color-subtle);font-size:var(--text-xs);font-weight:800}.export-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.export-mode-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);min-height:142px;border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-strong),transparent 36%);cursor:pointer}.export-mode-card:focus-within{border-color:var(--color-line-strong);box-shadow:var(--focus-ring)}.export-mode-card[data-selected=true]{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal-soft),transparent 28%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal),transparent 86%)}.export-mode-card input{margin-top:3px;accent-color:var(--color-teal)}.export-mode-card>span{min-width:0}.export-mode-card strong,.export-mode-card small{display:block}.export-mode-card strong{color:var(--color-heading);font-size:var(--text-md)}.export-mode-card small{margin-top:var(--space-2);color:var(--color-subtle);line-height:1.45}.export-mode-card em{grid-column:2;justify-self:start;border-radius:999px;padding:4px 9px;background:var(--color-teal-soft);color:var(--color-heading);font-size:var(--text-xs);font-style:normal;font-weight:850}.confirm-row{display:flex;gap:var(--space-3);align-items:flex-start;border:var(--border-hairline);border-color:color-mix(in srgb,var(--color-warning),transparent 48%);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-muted);background:color-mix(in srgb,var(--color-warning-soft),transparent 30%);font-size:var(--text-sm);font-weight:750}.confirm-row span{min-width:0;overflow-wrap:anywhere}.confirm-row input{margin-top:2px;accent-color:var(--color-warning)}.wizard-nav{justify-content:space-between}.form-panel{display:grid;align-content:start;gap:var(--space-4)}.field{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:750}.field input,.field textarea,.settings-row select{min-height:44px;border:var(--border-hairline);border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-heading);padding:0 var(--space-3)}.field textarea{min-height:96px;resize:vertical;padding:var(--space-3);line-height:1.5}.password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.password-tools{align-items:center;justify-content:space-between;color:var(--color-subtle);font-size:var(--text-sm);font-weight:800}.field-help{margin:0;color:var(--color-muted);font-size:var(--text-sm);font-weight:750}.field-help.is-warning{color:var(--color-warning)}.strength-meter{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-line),transparent 36%)}.strength-meter span{display:block;height:100%;border-radius:inherit;background:var(--color-teal);transition:width .18s ease}.password-guidance{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.password-guidance li{display:flex;align-items:center;gap:var(--space-2);color:var(--color-subtle);font-size:var(--text-sm);line-height:1.45}.password-guidance li:before{content:"";display:inline-grid;width:10px;height:10px;flex:0 0 auto;border:var(--border-hairline);border-radius:999px;background:var(--color-surface-strong)}.password-guidance li[data-state=done]{color:var(--color-teal)}.password-guidance li[data-state=done]:before{border-color:var(--color-teal);background:var(--color-teal)}.advanced-lock{display:grid;gap:var(--space-3)}.save-panel{display:grid;gap:var(--space-4)}.save-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.save-summary div{display:grid;gap:var(--space-1);min-height:82px;align-content:center;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 42%)}.save-summary span{color:var(--color-subtle);font-size:var(--text-xs);font-weight:800}.save-summary strong{min-width:0;overflow-wrap:anywhere;color:var(--color-heading)}.export-progress{display:grid;gap:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-strong),transparent 38%)}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-weight:850}.progress-header strong{color:var(--color-heading)}.progress-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.progress-detail-grid span{min-height:34px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-subtle);background:color-mix(in srgb,var(--color-surface),transparent 36%);font-size:var(--text-xs);font-weight:800;overflow-wrap:anywhere}.progress-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:0;margin:0;list-style:none}.progress-steps li{display:flex;align-items:center;gap:var(--space-2);min-height:38px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-subtle);background:color-mix(in srgb,var(--color-surface),transparent 34%);font-size:var(--text-xs);font-weight:800}.progress-steps li[data-state=active]{border-color:var(--color-line-strong);color:var(--color-heading);background:var(--color-surface)}.progress-steps li[data-state=done]{color:var(--color-teal)}.track-review{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.review-toolbar{justify-content:flex-end}.track-review-list{display:grid;gap:var(--space-2)}.track-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.track-list li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:58px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 44%)}.track-list li>span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:var(--color-teal-soft);color:var(--color-teal);font-size:var(--text-xs);font-weight:900}.track-list strong,.track-list small{display:block;min-width:0;overflow-wrap:anywhere}.track-list small{margin-top:2px;color:var(--color-subtle);font-size:var(--text-xs)}.track-list.player-track-list li{display:block;grid-template-columns:none;min-height:0;padding:0}.track-review-row{display:grid;grid-template-columns:34px minmax(190px,.9fr) minmax(210px,1fr) max-content minmax(180px,.8fr) max-content;align-items:center;gap:var(--space-3);min-height:78px;padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-strong),transparent 42%)}.track-review-row[draggable=true]{cursor:grab}.track-review-row[draggable=true]:active{cursor:grabbing}.track-review-row[data-dragging=true]{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal-soft),transparent 18%)}.track-review-row[data-status=rejected]{background:color-mix(in srgb,#d84b4b,transparent 94%)}.drag-handle{display:flex;width:32px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:var(--border-hairline);border-radius:var(--radius-sm);color:var(--color-subtle);background:color-mix(in srgb,var(--color-surface-muted),transparent 30%)}.drag-handle .icon{width:16px;height:16px}.drag-handle span{font-size:10px;font-weight:900}.track-title-field{display:grid;gap:var(--space-1);min-width:0;color:var(--color-subtle);font-size:var(--text-xs);font-weight:800}.track-title-field input{width:100%;min-height:42px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-heading)}.track-file-meta{display:grid;gap:var(--space-1);min-width:0}.track-file-meta span,.track-file-meta small,.track-status-message{overflow-wrap:anywhere}.track-file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-heading);font-weight:850}.track-file-meta small,.track-status-message{color:var(--color-subtle);font-size:var(--text-xs);line-height:1.45}.track-status-message{margin:0}.status-chip{display:inline-flex;min-height:30px;align-items:center;justify-content:center;border:var(--border-hairline);border-radius:999px;padding:5px 10px;font-size:var(--text-xs);font-weight:850;white-space:nowrap}.status-ready{background:var(--color-teal-soft);color:var(--color-teal)}.status-warning{background:var(--color-warning-soft);color:var(--color-warning)}.status-rejected{background:color-mix(in srgb,#d84b4b,transparent 88%);color:#b93535}.segmented-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);width:min(100%,360px);margin-top:var(--space-4);padding:var(--space-1);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted),transparent 20%)}.segmented-control-wide{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,460px)}.segmented-control-two{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,300px)}.segmented-control-speed{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,520px)}.segment-button{min-height:44px;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font-weight:800}.segment-button[aria-pressed=true]{background:var(--color-surface-strong);color:var(--color-heading);box-shadow:var(--shadow-soft)}.toast{padding:var(--space-3) var(--space-4);color:var(--color-muted)}.dialog-surface{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:var(--space-5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--space-4);overflow:auto;background:#0000008f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-surface{display:grid;gap:var(--space-4)}.technical-dialog{width:min(680px,calc(100% - 32px))}.advanced-tools-dialog{width:min(980px,calc(100% - 32px));max-height:min(880px,calc(100dvh - 32px));overflow:auto}.package-import-dialog{width:min(680px,calc(100% - 32px))}.package-item-picker,.package-item-list{display:grid;gap:var(--space-3)}.package-item-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-strong),transparent 48%)}.package-item-row strong,.package-item-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-import-progress{margin-top:0}.advanced-tools-grid,.advanced-tools-stack{display:grid;gap:var(--space-4)}.advanced-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-tools-stack{grid-template-columns:1fr}.advanced-tool-card{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-strong),transparent 44%)}.advanced-tool-card h3{margin:0;color:var(--color-heading)}.advanced-tool-disclosure summary{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);cursor:pointer;list-style:none}.advanced-tool-disclosure summary::-webkit-details-marker{display:none}.advanced-tool-disclosure summary>span{display:grid;gap:var(--space-1)}.advanced-tool-disclosure summary .icon{flex:0 0 auto;color:var(--color-subtle);transition:transform .16s ease}.advanced-tool-disclosure[open] summary .icon{transform:rotate(180deg)}.advanced-tool-disclosure[open]{border-color:var(--color-line-strong)}.advanced-tool-card p,.tool-summary small,.tool-report p{margin:0;color:var(--color-muted);line-height:1.5}.tool-summary{display:grid;gap:var(--space-1);padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm)}.tool-summary span{overflow-wrap:anywhere;color:var(--color-heading);font-weight:800}.tool-progress,.tool-report{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted),transparent 40%)}.tool-report.is-ok{border-color:color-mix(in srgb,var(--color-teal),transparent 60%);background:var(--color-teal-soft)}.tool-report.has-issues{border-color:color-mix(in srgb,var(--color-warning),transparent 56%);background:var(--color-warning-soft)}.tool-report ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5);color:var(--color-muted)}.download-queue-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.download-queue-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface),transparent 18%)}.download-queue-list li>div{display:grid;min-width:0;gap:2px}.download-queue-list strong,.download-queue-list small{overflow-wrap:anywhere}.download-queue-list small{color:var(--color-muted)}.dialog-header,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dialog-actions{justify-content:flex-end}.dialog-icon{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);background:var(--color-teal-soft);color:var(--color-teal)}.technical-list{display:grid;gap:var(--space-3);margin:0}.technical-list div{border:var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface-strong),transparent 42%)}.technical-list dt{margin-bottom:var(--space-1);color:var(--color-heading);font-weight:850}.technical-list dd{margin:0;color:var(--color-muted);line-height:1.6;overflow-wrap:anywhere}@media(max-width:960px){.top-bar{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.hero-section,.capture-onboarding-panel,.player-shell,.player-layout,.opened-library-summary,.opened-library-summary dl,.locked-package-card,.now-playing-card,.player-empty-state,.current-track-details,.builder-grid,.export-mode-grid,.track-review-row,.password-grid,.save-summary,.progress-detail-grid,.progress-steps,.bookmark-create-row,.bookmark-edit-row,.bookmark-list li{grid-template-columns:1fr}.track-review-row{align-items:stretch}.drag-handle{width:100%;height:34px}.row-actions{justify-content:flex-end}.player-appbar{align-items:flex-start;flex-direction:column}.player-appbar-actions,.playback-options{width:100%}.player-appbar-actions{justify-content:flex-start}.player-lock-copy{width:100%;max-width:none;text-align:left}.playback-options{grid-template-columns:1fr}.video-action-controls{justify-content:flex-start}.large-track-confirmation{align-items:stretch;flex-direction:column}.track-sidebar{order:2;max-height:none}.player-main{order:1}.mobile-track-toggle{display:inline-grid}.track-sidebar:not(.is-open) .search-field,.track-sidebar:not(.is-open) .library-stats,.track-sidebar:not(.is-open) .media-filter-control,.track-sidebar:not(.is-open) .track-sidebar-content,.track-sidebar:not(.is-open) .security-strip{display:none}.hero-section{min-height:0}.dashboard-grid,.info-grid,.advanced-tools-grid,.settings-grid,.wizard-steps{grid-template-columns:1fr}h1{font-size:3.35rem}}@media(max-width:640px){.top-bar,.main-content,.privacy-footer{width:min(100% - 20px,var(--layout-page))}.top-bar{padding-top:var(--space-4)}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.main-nav a{text-align:center}.capture-onboarding-actions{display:grid;grid-template-columns:1fr}.capture-drop-zone small{width:100%;margin-left:0}h1{font-size:2.55rem}.hero-actions,.empty-state-actions,.bottom-action-bar,.drop-actions,.review-toolbar,.save-actions,.wizard-nav,.player-appbar-actions .button,.button{width:100%}.preview-track,.recent-list li,.download-queue-list li,.panel-title-row,.now-playing-topline{align-items:flex-start;flex-direction:column}.player-preview,.panel,.page-panel,.banner,.library-panel,.now-playing-panel,.drop-panel{padding:var(--space-4)}.now-playing-art,.now-playing-card .now-playing-art{min-height:170px}.now-playing-card .now-playing-video-frame{min-height:180px}.player-empty-state .now-playing-art{min-height:140px}.playback-console,.advanced-tool-card,.tool-progress,.tool-report,.confirmation-panel{padding:var(--space-3)}.dialog-surface{width:min(100% - 20px,520px);padding:var(--space-4)}.advanced-tools-dialog,.technical-dialog{width:min(100% - 20px,980px);max-height:calc(100dvh - 20px)}.transport-controls{justify-content:space-between}.selected-track-strip{flex-direction:column}.dialog-actions{align-items:stretch;flex-direction:column-reverse}.control-button{width:50px;height:50px}.play-button{width:64px;height:64px}.segmented-control{width:100%}.media-filter-control,.segmented-control-wide,.segmented-control-speed{grid-template-columns:repeat(3,minmax(0,1fr))}.review-toolbar{justify-content:stretch}.password-tools,.wizard-nav{align-items:stretch;flex-direction:column}.row-actions .icon-button{flex:1 1 0;width:auto}}@media(max-width:430px){.top-bar,.main-content,.privacy-footer{width:min(100% - 16px,var(--layout-page))}.brand-lockup{min-width:0}.brand-mark{width:38px;height:38px}.main-nav{gap:var(--space-1)}.main-nav a{min-height:42px;padding:9px 8px;font-size:var(--text-xs)}h1{font-size:2.2rem;line-height:1.04}h2,.player-appbar h1,.panel-header h1,.now-playing-meta h2,.player-empty-state h2{font-size:1.45rem}.hero-lede,.page-lede{font-size:var(--text-md)}.player-preview,.panel,.page-panel,.banner,.library-panel,.now-playing-panel,.drop-panel,.player-appbar{padding:var(--space-3)}.player-layout,.player-experience,.page-stack,.wizard-panel{gap:var(--space-3)}.now-playing-art,.now-playing-card .now-playing-art{min-height:150px}.now-playing-card .now-playing-video-frame{min-height:160px}.transport-controls{gap:var(--space-2)}.control-button{width:48px;height:48px}.play-button{width:62px;height:62px}.playback-options{gap:var(--space-2)}.volume-control,.speed-control,.video-action-controls{width:100%;justify-content:space-between}.volume-control input{min-width:0}.speed-control select{min-width:120px}.track-review-row{gap:var(--space-2);padding:var(--space-2)}.track-file-meta span,.track-file-meta small,.track-status-message,.save-summary strong,.technical-list dd{overflow-wrap:anywhere}.status-chip,.count-pill,.builder-summary span,.library-stats span,.wizard-step{white-space:normal;text-align:center}.dialog-surface{width:min(100% - 16px,520px);max-height:calc(100dvh - 16px)}.modal-backdrop{padding:var(--space-2)}}@media(max-width:360px){.top-bar,.main-content,.privacy-footer{width:min(100% - 12px,var(--layout-page))}h1{font-size:1.95rem}.main-nav{grid-template-columns:1fr}.hero-actions,.home-secondary-actions,.panel-actions,.save-actions,.bottom-action-bar{align-items:stretch;flex-direction:column}.button,.text-action{min-height:44px}.transport-controls{justify-content:center}.control-button{width:46px;height:46px}.play-button{width:58px;height:58px}.segmented-control-wide,.segmented-control-speed,.media-filter-control{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-step{justify-content:flex-start;text-align:left}.now-playing-card .now-playing-video-frame{min-height:144px}.media-state-badge{left:var(--space-2);bottom:var(--space-2);max-width:calc(100% - var(--space-4))}}
