:root{--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #5980a6;--color-accent-2: #728fab;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--color-neutral-100: #f5f5f8;--color-neutral-200: #e7e7ea;--color-neutral-300: #d4d4d7;--color-neutral-400: #b7b7ba;--color-neutral-500: #98989b;--color-neutral-600: #7a7a7d;--color-neutral-700: #5d5d60;--color-neutral-800: #424244;--color-neutral-900: #2b2b2d;--color-accent-100: #eef6ff;--color-accent-200: #d6ebff;--color-accent-300: #b5d9fd;--color-accent-400: #94bce3;--color-accent-500: #749dc4;--color-accent-600: #597ea3;--color-accent-700: #416180;--color-accent-800: #2c455d;--color-accent-900: #1d2d3d;--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-heading-weight: 600;--band-bg: #1d2d3d;--band-fg: #ffffff;--band-kicker: #b5d9fd;--band-body: #d6ebff;--paper: var(--color-bg);--ink: var(--color-text);--bg-0: var(--color-bg);--bg-1: var(--color-neutral-100);--surface-0: var(--color-bg);--surface-1: var(--color-neutral-100);--surface-2: var(--color-neutral-200);--surface-3: var(--color-neutral-300);--stroke: var(--color-divider);--stroke-strong: color-mix(in srgb, var(--color-text) 30%, transparent);--text: var(--color-text);--text-muted: var(--color-neutral-600);--accent-warm: var(--color-accent);--accent-warm-dim: color-mix(in srgb, var(--color-accent) 14%, transparent);--accent-warm-glow: color-mix(in srgb, var(--color-accent) 30%, transparent);--accent-cool: var(--color-accent-700);--accent-cool-dim: color-mix(in srgb, var(--color-accent-700) 12%, transparent);--accent-cool-glow: color-mix(in srgb, var(--color-accent-700) 30%, transparent);--accent-crit: #b3423a;--accent-crit-dim: color-mix(in srgb, #b3423a 12%, transparent);--accent: var(--color-accent);--accent-strong: var(--color-accent-600);--accent-dim: color-mix(in srgb, var(--color-accent) 14%, transparent);--accent-glow: color-mix(in srgb, var(--color-accent) 30%, transparent);--on-accent: #ffffff;--success: var(--accent-cool);--danger: var(--accent-crit);--shadow-sm: 0 1px 2px color-mix(in srgb, #2b2b2d 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent);--font-display: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}:root[data-theme=dark]{--color-bg: #17181a;--color-surface: #1f2023;--color-text: #e8e8ea;--color-divider: color-mix(in srgb, #e8e8ea 18%, transparent);--color-neutral-100: #212225;--color-neutral-200: #2b2c2f;--color-neutral-300: #3a3b3e;--color-neutral-400: #515254;--color-neutral-500: #737476;--color-neutral-600: #949597;--color-neutral-700: #b4b5b7;--color-neutral-800: #d3d3d5;--color-neutral-900: #ececee;--color-accent: #7ba3c9;--color-accent-100: #1c2836;--color-accent-200: #24374c;--color-accent-300: #2f4a67;--color-accent-400: #3d5f83;--color-accent-500: #4f76a0;--color-accent-600: #6c93bb;--color-accent-700: #92b4d4;--color-accent-800: #b9d1e9;--color-accent-900: #dcebf9;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 3px 10px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--surface-0: var(--color-bg);--accent-crit: #e08b85;--accent-crit-dim: color-mix(in srgb, #e08b85 16%, transparent);--on-accent: #10161d;--band-kicker: #b5d9fd;--band-body: #d6ebff;color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--accent-glow);color:var(--ink)}body{margin:0;font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased;color:var(--text);background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--color-accent) 7%,transparent) 0,transparent 35%),radial-gradient(circle at 80% 90%,color-mix(in srgb,var(--color-accent) 5%,transparent) 0,transparent 40%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);background-attachment:fixed}:root[data-theme=dark] body{background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--color-accent) 7%,transparent) 0,transparent 35%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--color-accent) 5%,transparent) 0,transparent 40%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);background-attachment:fixed}.app-shell{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.menu-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:8px 20px;min-height:56px;border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--surface-0) 90%,transparent);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);position:sticky;top:0;z-index:100}.menu-title{display:flex;align-items:center;min-height:0;overflow:hidden}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;-webkit-user-select:none;user-select:none;background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:4px;cursor:pointer;font:inherit;letter-spacing:normal;box-shadow:none;transition:background .12s,color .12s}.brand:hover{background:transparent;border:none;transform:none;box-shadow:none;color:var(--text)}.brand:active{transform:translateY(1px)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand__mark{width:26px;height:26px;flex-shrink:0;color:var(--text-muted)}.brand__wordmark{font-family:var(--font-display);font-style:normal;font-weight:var(--font-heading-weight);font-size:17px;line-height:1;letter-spacing:-.005em;color:var(--text);white-space:nowrap}.brand__wordmark em{font-style:normal;color:var(--accent)}.menu-items{display:flex;align-items:center;justify-content:flex-start;justify-self:start;gap:4px;overflow-x:auto;padding-bottom:2px}.menu-item{border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-muted);padding:6px 12px;white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;box-shadow:none;transition:color .12s,border-color .12s,background .12s;cursor:pointer}.menu-item:hover{border-color:transparent;color:var(--text);background:var(--surface-2)}.menu-item.active,.menu-item[aria-current=page]{color:var(--accent);background:transparent;border-bottom:2px solid var(--accent);border-radius:0;cursor:default}.menu-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-self:end;justify-content:flex-end}.menu-hamburger{display:none;width:40px;height:40px;padding:0;border-radius:0;border:1px solid var(--color-divider);background:transparent;color:var(--color-text);align-items:center;justify-content:center;box-shadow:none;cursor:pointer;flex-shrink:0}.menu-hamburger:hover{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.menu-hamburger svg{width:20px;height:20px}.menu-drawer{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-divider);box-shadow:var(--shadow-md);padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;z-index:99}.menu-drawer .menu-item{text-align:left;width:100%;padding:12px 14px;border:1px solid transparent;font-size:14px}.menu-drawer .menu-item:hover{border-color:var(--color-divider);border-bottom-color:var(--color-divider)}.menu-drawer .menu-item.active,.menu-drawer .menu-item[aria-current=page]{color:var(--color-text);border-bottom:1px solid transparent;border-left:2px solid var(--color-accent);padding-bottom:12px}.menu-drawer__divider{height:1px;background:var(--color-divider);margin:6px 0}.menu-drawer__cta{display:flex;flex-direction:column;gap:8px;padding-top:4px}.menu-drawer__cta .btn,.menu-drawer__cta .btn-primary,.menu-drawer__cta .menu-item{width:100%;justify-content:center;text-align:center}@media(max-width:720px){.menu-strip{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:8px 14px}.menu-items{display:none}.menu-meta{padding-left:0;border-left:none}.menu-hamburger{display:inline-flex}.menu-title{min-width:0;overflow:hidden}}main.page{flex:1;padding:36px 26px 60px;max-width:1180px;width:100%;margin:0 auto}.hero{border:1px solid var(--stroke);background:linear-gradient(160deg,var(--surface-1) 0%,var(--surface-2) 100%);border-radius:4px;box-shadow:var(--shadow-md);padding:36px 32px 30px;position:relative;overflow:hidden;margin-bottom:22px}.hero:before{content:"";position:absolute;top:0;left:0;height:1px;width:35%;background:var(--accent)}.hero-eyebrow{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600}.hero h1{margin:0;font-family:var(--font-display);font-style:normal;font-weight:var(--font-heading-weight);font-size:clamp(34px,6vw,64px);line-height:.95;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin:18px 0 0;max-width:620px;color:var(--text-muted);font-size:15px;line-height:1.55}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.grid>*{min-width:0}.card{min-width:0}@media(max-width:920px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--stroke);border-radius:4px;background:linear-gradient(160deg,var(--surface-1) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-sm);padding:22px 22px 24px}.card+.card{margin-top:18px}.card-eyebrow{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.card h2{margin:0 0 14px;font-family:var(--font-display);font-style:normal;font-weight:var(--font-heading-weight);font-size:26px;letter-spacing:-.01em}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono);font-weight:500}.input,.select,.textarea{font:inherit;font-family:var(--font-body);color:var(--text);background:var(--surface-1);border:1px solid var(--stroke-strong);border-radius:3px;padding:9px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.textarea{resize:vertical;min-height:96px;font-family:var(--font-mono);font-size:12.5px;line-height:1.5}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:920px){.row-3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.row,.row-3{grid-template-columns:1fr}}.btn{border:1px solid var(--stroke-strong);color:var(--text);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);padding:8px 14px;border-radius:4px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .12s ease,transform 80ms ease,filter .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:inset 0 1px #ffffff0a,0 1px #0000000f}.btn:hover{border-color:var(--accent);background:var(--surface-1);box-shadow:inset 0 1px #ffffff0f,0 1px #00000014}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 75%,#ffffff 25%);outline-offset:1px}.btn-primary{border-color:var(--accent);color:var(--on-accent);background:var(--accent);text-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px #ffffff2e,0 1px #00000026,0 0 0 0 var(--accent-glow)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.04);box-shadow:inset 0 1px #fff3,0 1px #0000002e,0 0 14px 1px var(--accent-glow)}.btn-ghost{background:transparent;border-color:var(--stroke-strong);color:var(--text);box-shadow:none}.btn-ghost:hover{border-color:var(--accent);background:var(--surface-2)}.preview-script{font-family:var(--font-mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;background:var(--surface-2);border:1px dashed var(--stroke-strong);border-radius:3px;padding:14px 16px;color:var(--text);max-height:320px;overflow:auto}.audio-block{margin-top:14px;padding:14px;border:1px solid var(--stroke);border-radius:3px;background:var(--surface-1)}.audio-block audio{width:100%;margin-top:8px}.status{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:10px}.status.error{color:var(--danger)}.status.ok{color:var(--success)}.section-divider{height:1px;background:var(--stroke);margin:18px 0}.help{font-size:12px;color:var(--text-muted);line-height:1.5;margin:-6px 0 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface-1);border:1px solid var(--stroke);border-radius:6px;box-shadow:var(--shadow-lg);padding:24px;width:min(520px,92vw)}.modal h3{margin:0 0 12px;font-family:var(--font-display);font-style:normal;font-weight:var(--font-heading-weight);font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.step-indicator{display:flex;align-items:center;list-style:none;margin:0 0 22px;padding:0;gap:0}.step-indicator__item{display:flex;align-items:center;flex:1;min-width:0}.step-indicator__btn{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;box-shadow:none;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.step-indicator__btn:disabled{cursor:not-allowed;opacity:.55}.step-indicator__btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:transparent}.step-indicator__num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--text-muted);font-size:10px;letter-spacing:.04em;font-weight:600;border:1px solid var(--stroke)}.step-indicator__label{font-size:12px}.step-indicator__item.is-current .step-indicator__btn{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.step-indicator__item.is-current .step-indicator__num{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.step-indicator__item.is-past .step-indicator__btn{color:var(--text)}.step-indicator__item.is-past .step-indicator__num{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.step-indicator__rail{flex:1;height:1px;margin:0 8px;background:var(--stroke)}.step-indicator__rail.is-past{background:color-mix(in srgb,var(--accent) 45%,transparent)}.wizard-page{display:flex;flex-direction:column;gap:22px}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--stroke)}.step-nav__progress{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.hero--compact{padding:28px 32px 24px;margin-bottom:18px}.hero--compact h1{font-size:clamp(28px,4.5vw,44px)}h1,h2,h3,h4,.display,.serif,.hero h1,.card h2,.modal h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:normal;letter-spacing:-.015em}em{font-style:normal;color:var(--color-accent-700)}.menu-strip{background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--color-divider);padding:14px 28px;gap:28px}.brand{gap:11px;border-radius:0}.brand__mark{color:var(--color-neutral-700)}.brand__wordmark{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:normal;font-size:19px;letter-spacing:.02em}.brand__wordmark em{color:var(--color-accent-700)}.brand__divider{height:18px;width:1px;background:var(--color-divider);margin:0 4px;flex:none}.brand__tool{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:19px;letter-spacing:.02em;color:var(--color-neutral-700);white-space:nowrap}.menu-item{font-family:var(--font-body);font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--color-neutral-700);padding:6px 2px;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none}.menu-item:hover{color:var(--color-text);background:transparent;border-color:transparent;border-bottom-color:var(--color-divider)}.menu-item.active,.menu-item[aria-current=page]{color:var(--color-text);border-bottom:2px solid var(--color-accent);padding-bottom:4px}.menu-items{gap:26px}.menu-meta{padding-left:20px;border-left:1px solid var(--color-divider)}@media(max-width:560px){.brand__divider,.brand__tool{display:none}}.howto-main{flex:1;padding:26px;max-width:980px;width:100%;margin:0 auto 28px}.howto-hero{border:1px solid var(--color-divider);border-radius:0;background:linear-gradient(150deg,var(--surface-1) 0%,var(--surface-2) 100%);padding:32px 28px 28px;box-shadow:var(--shadow-md);margin-bottom:18px;position:relative;overflow:hidden}.howto-hero:before{content:"";position:absolute;top:0;left:0;height:1px;width:35%;background:var(--color-accent)}.howto-hero h1{margin:0 0 12px;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(32px,4.5vw,56px);line-height:1;letter-spacing:-.02em;color:var(--text)}.howto-hero h1 em{font-style:normal;color:var(--color-accent)}.howto-hero p{margin:0;color:var(--text-muted);line-height:1.55}.howto-section{border:1px solid var(--color-divider);border-radius:0;background:var(--surface-1);padding:18px 18px 16px;margin-bottom:12px}.howto-section h2{margin:0 0 10px;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;line-height:1.05;color:var(--text)}.howto-section p{margin:0 0 8px;color:var(--text-muted);line-height:1.6}.howto-section p:last-child{margin-bottom:0}.howto-section code{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);border:1px solid var(--color-divider);padding:1px 5px}.section-rule{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:500 10px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.section-rule__num{color:var(--color-accent)}.dropzone{border:1px dashed var(--stroke-strong);background:var(--surface-1);padding:34px 22px;text-align:center;transition:border-color .12s ease,background .12s ease}.dropzone.is-over{border-color:var(--accent);background:var(--accent-dim)}.dropzone__title{font-family:var(--font-display);font-weight:var(--font-heading-weight);font-size:20px;margin:0 0 6px}.dropzone__hint{color:var(--text-muted);font-size:13px;margin:0 0 16px}.dropzone__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dropzone input[type=file]{display:none}.table-wrap{border:1px solid var(--stroke);overflow-x:auto}table.tracks{width:100%;border-collapse:collapse;font-size:13px}table.tracks th{text-align:left;padding:8px 12px;background:var(--surface-2);color:var(--text-muted);font:500 10px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--stroke);white-space:nowrap}table.tracks td{padding:7px 12px;border-bottom:1px solid var(--color-divider);vertical-align:middle}table.tracks tr:last-child td{border-bottom:0}table.tracks .num{text-align:right;font-family:var(--font-mono);font-size:12px;white-space:nowrap}table.tracks th.num{text-align:right}.track-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__remove{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:15px;line-height:1}.track-row__remove:hover{color:var(--danger)}.is-reference{color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}.eqmini{display:flex;align-items:center;gap:1px;height:22px}.eqmini__band{width:5px;height:20px;position:relative;display:block}.eqmini__band i{position:absolute;left:0;right:0;display:block;background:var(--accent)}.eqmini__band i.down{background:var(--accent-crit)}.eqmini__flat{color:var(--text-muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px}.stat{border:1px solid var(--stroke);background:var(--surface-1);padding:12px 14px}.stat__label{font:500 10px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.stat__value{font-family:var(--font-mono);font-size:20px;margin-top:6px;letter-spacing:-.02em}.stat__arrow{color:var(--text-muted);margin:0 5px;font-size:14px}.stat__good{color:var(--accent-cool)}.stat__sub{font:400 11px/1.4 var(--font-mono);color:var(--text-muted);margin-top:3px}.chart-card{border:1px solid var(--stroke);background:var(--surface-1);padding:14px;margin-bottom:18px}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.chart-head h3{font-family:var(--font-display);font-size:17px;margin:0}.chart-legend{display:flex;gap:14px;font:400 11px/1 var(--font-mono);color:var(--text-muted)}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend span:before{content:"";width:14px;height:2px;background:currentColor}.chart-legend .k-target{color:var(--text)}.chart-legend .k-before{color:var(--color-neutral-500)}.chart-legend .k-after{color:var(--accent)}.chart-card svg{display:block;width:100%;height:auto}.chart-note{margin-top:8px;font-size:12px;color:var(--text-muted)}.progress{border:1px solid var(--stroke);background:var(--surface-1);padding:13px 15px;margin-bottom:18px}.progress__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}.progress__phase{font-family:var(--font-display);font-size:17px}.progress__count{font:400 12px/1 var(--font-mono);color:var(--text-muted)}.progress__bar{height:4px;background:var(--surface-3);overflow:hidden}.progress__fill{height:100%;background:var(--accent);transition:width .2s ease}.progress__file{margin-top:8px;font:400 12px/1.4 var(--font-mono);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{border:1px solid var(--stroke);border-left:2px solid var(--color-neutral-500);background:var(--surface-1);padding:11px 14px;margin-bottom:16px;font-size:13px}.notice--warn{border-left-color:var(--accent-warm)}.notice--error{border-left-color:var(--danger)}.notice h4{margin:0 0 5px;font-family:var(--font-display);font-size:15px;font-weight:var(--font-heading-weight)}.notice p{margin:0 0 6px;color:var(--text-muted);line-height:1.5}.notice p:last-child{margin-bottom:0}.notice__list{font:400 11px/1.6 var(--font-mono);color:var(--text-muted)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar__spacer{flex:1}.count-chip{font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--stroke);padding:3px 8px}.privacy-line{display:flex;align-items:center;gap:7px;font:400 11.5px/1.4 var(--font-mono);color:var(--text-muted);letter-spacing:.04em}.privacy-line svg{width:13px;height:13px;flex:none;color:var(--accent-cool)}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--surface-3);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);cursor:pointer;border:0}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:16px}.preset{border:1px solid var(--stroke-strong);background:var(--surface-1);padding:10px 12px;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.preset:hover{border-color:var(--accent)}.preset.is-active{border-color:var(--accent);background:var(--accent-dim)}.preset__name{font-family:var(--font-display);font-weight:var(--font-heading-weight);font-size:16px;display:block}.preset__spec{font:400 11px/1.5 var(--font-mono);color:var(--accent);display:block;margin-top:2px}.preset__note{font-size:11.5px;color:var(--text-muted);display:block;margin-top:1px}