:root,[data-theme=light]{color-scheme:light;--font-mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace;--bg: oklch(.97 .012 85);--bg-soft: oklch(.93 .012 85);--bg-elev: oklch(.99 .006 85);--ink: oklch(.22 .012 75);--ink-2: oklch(.36 .012 75);--ink-3: oklch(.52 .012 75);--ink-4: oklch(.7 .008 75);--line: oklch(.88 .008 75);--line-2: oklch(.8 .012 75);--accent: oklch(.46 .13 165);--accent-soft: oklch(.93 .06 165);--accent-fg: oklch(.99 0 0);--warn-bg: oklch(.96 .06 90);--warn-line: oklch(.86 .1 90);--warn-ink: oklch(.4 .08 80);--error-bg: oklch(.95 .06 25);--error-line: oklch(.85 .1 25);--error-ink: oklch(.42 .13 25);--v-s: oklch(.6 .16 22);--v-a: oklch(.65 .13 75);--v-t: oklch(.55 .12 175);--v-b: oklch(.5 .16 260);--shadow: 0 22px 70px rgba(42, 35, 22, .12);--shadow-sm: 0 1px 2px rgba(42, 35, 22, .05);--radius: 10px;--radius-lg: 14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{color-scheme:dark;--bg: oklch(.18 .012 250);--bg-soft: oklch(.22 .012 250);--bg-elev: oklch(.24 .012 250);--ink: oklch(.96 .005 80);--ink-2: oklch(.82 .005 80);--ink-3: oklch(.65 .008 80);--ink-4: oklch(.5 .008 80);--line: oklch(.32 .012 250);--line-2: oklch(.4 .014 250);--accent: oklch(.72 .14 165);--accent-soft: oklch(.32 .07 165);--accent-fg: oklch(.16 .012 250);--warn-bg: oklch(.32 .06 90);--warn-line: oklch(.5 .1 90);--warn-ink: oklch(.92 .08 90);--error-bg: oklch(.32 .07 25);--error-line: oklch(.5 .12 25);--error-ink: oklch(.92 .08 25);--v-s: oklch(.72 .16 22);--v-a: oklch(.78 .13 75);--v-t: oklch(.7 .12 175);--v-b: oklch(.7 .14 260);--shadow: 0 22px 70px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev) 70%,transparent),transparent 420px),var(--bg);color:var(--ink);transition:background-color .2s,color .2s}button,input,audio,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 42px}.brand{appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:12px;padding:0;cursor:pointer;text-align:left}.brand-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--bg-elev)}.brand-name,.brand-sub{display:block}.brand-name{font-size:15px;font-weight:700}.brand-sub{margin-top:2px;color:var(--ink-3);font-size:12px}.nav-actions{display:flex;align-items:center;gap:10px}.btn,.icon-btn{appearance:none;border:1px solid var(--line-2);background:var(--bg-elev);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;font-size:13px;font-weight:650;transition:transform .14s,background .14s,border-color .14s,opacity .14s,color .14s}.btn{padding:0 15px}.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--ink-3)}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bg-elev)}.btn-ghost{background:color-mix(in srgb,var(--bg-elev) 70%,transparent)}.btn-lg{min-height:46px;padding:0 20px;font-size:14px}.btn-sm{min-height:32px;padding:0 12px;font-size:12.5px}.icon-btn{width:36px;height:36px;padding:0}.mono{font-family:var(--font-mono)}.eyebrow{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:42px;align-items:center;min-height:calc(100vh - 220px);padding-bottom:36px}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(46px,7.4vw,86px);line-height:.94;font-weight:620;letter-spacing:-.01em}.hero-copy h1 em{font-style:italic;color:var(--accent);font-weight:600}.hero-copy p{max-width:600px;margin:24px 0 0;color:var(--ink-2);font-size:18px;line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.signal-panel{min-height:410px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow)}.signal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:var(--ink-3);font-size:12px}.signal-row{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;margin:26px 0}.signal-row>span{font-family:var(--font-mono);font-weight:800}.wave-track{height:58px;display:flex;align-items:center;gap:5px;padding:9px 11px;border-radius:10px;background:var(--bg-soft)}.wave-track i{width:100%;min-width:4px;border-radius:999px;opacity:.82}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 74px}.feature{border-top:1px solid var(--line);padding:22px 8px 0 0}.feature-icon{color:var(--accent);margin-bottom:18px}.feature h2{margin:0;font-size:18px;font-weight:660}.feature p{margin:9px 0 0;color:var(--ink-3);line-height:1.54;font-size:14px}.detail-band{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);gap:44px;align-items:start;border-top:1px solid var(--line);padding-top:30px}.detail-band h2{margin:0;max-width:610px;font-size:clamp(28px,4vw,46px);line-height:1.05;font-weight:620;letter-spacing:-.01em}.detail-band p{margin-top:28px;color:var(--ink-2);font-size:16px;line-height:1.55}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:30px}.workspace-head h1{margin:0;font-size:clamp(34px,5vw,54px);line-height:.98;font-weight:620;letter-spacing:-.01em}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:650}.status-pill.active,.status-pill.complete{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.status-pill.failed{color:var(--error-ink);border-color:var(--error-line)}.section{margin-bottom:44px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-num{color:var(--ink-3);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.section-title{margin:0;font-size:22px;font-weight:620;letter-spacing:-.005em}.section-desc{color:var(--ink-3);font-size:13px;line-height:1.5;max-width:360px;text-align:right}.user-chip{display:inline-flex;align-items:center;padding:0 12px;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);color:var(--ink-2);font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-bootstrap{display:grid;place-items:center;min-height:calc(100vh - 220px);color:var(--ink-3)}.login-main{display:grid;place-items:center;min-height:calc(100vh - 200px)}.login-card{width:min(440px,100%);padding:36px 32px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow)}.login-card h1{margin:0;font-size:28px;font-weight:620;letter-spacing:-.01em}.login-card>p{margin:0;color:var(--ink-3);font-size:13.5px;line-height:1.55}.login-card .eyebrow{margin-bottom:0}.login-field{display:flex;flex-direction:column;gap:6px;margin-top:6px}.login-field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.login-input{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:44px;border:1px solid var(--line-2);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elev) 80%,transparent);color:var(--ink-3);transition:border-color .14s}.login-input:focus-within{border-color:var(--ink-3)}.login-input input{flex:1;min-width:0;appearance:none;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.login-input input::placeholder{color:var(--ink-4)}.login-error{display:inline-flex;align-items:center;gap:8px;color:var(--error-ink);background:var(--error-bg);border:1px solid var(--error-line);padding:8px 12px;border-radius:var(--radius);font-size:12.5px}.login-card .btn-lg{margin-top:4px}.login-foot{margin-top:6px;text-align:center;font-size:11px;color:var(--ink-4);letter-spacing:.02em}.source-tabs{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:14px}.source-tab{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:transparent;color:var(--ink-3);font:inherit;font-size:13px;font-weight:600;transition:background .14s,color .14s}.source-tab.active{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}.source-tab:disabled{opacity:.5;cursor:not-allowed}.link-input{display:flex;flex-direction:column;gap:10px}.link-input.disabled{opacity:.6;pointer-events:none}.link-input-row{display:flex;gap:10px;align-items:stretch}.link-input-field{flex:1;position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-elev);color:var(--ink-3);min-height:46px;transition:border-color .14s}.link-input-field:focus-within{border-color:var(--ink-3)}.link-input-field input{flex:1;min-width:0;appearance:none;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.link-input-field input::placeholder{color:var(--ink-4)}.link-hint{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);font-size:12px}.link-error{display:inline-flex;align-items:center;gap:8px;color:var(--error-ink);background:var(--error-bg);border:1px solid var(--error-line);padding:8px 12px;border-radius:var(--radius);font-size:12.5px}.link-card{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.link-thumb{width:96px;height:54px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-3)}.link-thumb img{width:100%;height:100%;object-fit:cover}.link-meta{min-width:0}.link-meta strong,.link-meta span{display:block}.link-meta strong{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-meta span{margin-top:4px;color:var(--ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-card{position:relative;display:grid;place-items:center;min-height:240px;padding:36px;border:1.5px dashed var(--line-2);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-elev) 70%,transparent);text-align:center;cursor:pointer;transition:border-color .14s,background .14s}.upload-card input{display:none}.upload-card:hover,.upload-card.dragging{border-color:var(--ink-3);background:var(--bg-elev)}.upload-card.selected{grid-template-columns:auto 1fr auto;place-items:stretch;align-items:center;gap:16px;min-height:92px;padding:18px 22px;border-style:solid;text-align:left;cursor:default}.upload-icon,.file-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-2)}.upload-card h3{margin:16px 0 6px;font-size:17px;font-weight:600;letter-spacing:-.005em}.upload-card p{margin:0;max-width:520px;color:var(--ink-3);font-size:13px;line-height:1.5}.upload-card .privacy-note{margin-top:18px;color:var(--ink-4);font-size:10.5px;letter-spacing:.04em}.file-copy{min-width:0}.file-copy strong,.file-copy span{display:block}.file-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600}.file-copy span{margin-top:4px;color:var(--ink-3);font-size:12px}.rights-check{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px 18px;border-radius:var(--radius);background:color-mix(in srgb,var(--bg-soft) 70%,transparent);border:1px solid var(--line);color:var(--ink-2)}.rights-check>svg{flex-shrink:0;margin-top:2px}.rights-title{font-size:13.5px;font-weight:600;margin-bottom:4px;color:var(--ink)}.rights-desc{font-size:12.5px;color:var(--ink-3);line-height:1.55}.rights-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink)}.rights-toggle input{width:16px;height:16px;accent-color:var(--ink)}.voicing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.voicing-card{appearance:none;cursor:pointer;text-align:left;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--bg-elev);color:var(--ink);display:flex;flex-direction:column;gap:14px;min-height:132px;position:relative;transition:all .14s}.voicing-card:hover:not(:disabled){border-color:var(--ink-3)}.voicing-card.active{border-color:var(--ink);background:var(--ink);color:var(--bg-elev);box-shadow:var(--shadow)}.voicing-card.disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--bg-elev) 50%,transparent)}.voicing-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-soft);color:var(--ink-2);display:grid;place-items:center}.voicing-card.active .voicing-icon{background:#ffffff1f;color:var(--bg-elev)}.voicing-label{font-size:14.5px;font-weight:600;letter-spacing:-.005em;margin-bottom:4px}.voicing-desc{font-size:12px;line-height:1.45;color:var(--ink-3)}.voicing-card.active .voicing-desc{color:#ffffffb3}.badge{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;padding:3px 7px;border-radius:999px;background:var(--bg-soft);color:var(--ink-3);letter-spacing:.04em}.run-card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.run-summary{display:flex;flex-direction:column;gap:6px;min-width:0}.run-name{font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-name .dim{color:var(--ink-3)}.run-meta{font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}.run-actions{display:flex;align-items:center;gap:14px}.run-blocked{display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:12.5px}.processing-card{padding:30px 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.processing-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px;gap:24px}.processing-eyebrow{font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.processing-name{font-size:20px;font-weight:500;letter-spacing:-.015em;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.processing-meta{font-size:12px;color:var(--ink-3)}.processing-bar{height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden;margin-bottom:22px}.processing-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .4s ease}.processing-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stage .stage-tick{height:2px;border-radius:2px;background:var(--line);margin-bottom:8px}.stage.passed .stage-tick{background:var(--ink)}.stage.active .stage-tick{background:var(--ink-3)}.stage-label{font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-4)}.stage.passed .stage-label,.stage.active .stage-label{color:var(--ink-2)}.done-banner{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);margin-bottom:18px;font-size:13.5px;font-weight:500}.done-banner>span{flex:1}.notice{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 14px;border-radius:var(--radius);font-size:13px;line-height:1.45}.notice>svg{flex-shrink:0;margin-top:1px}.notice.warn{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line)}.notice.error{color:var(--error-ink);background:var(--error-bg);border:1px solid var(--error-line)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .32s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mixer-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);overflow:hidden}.mixer-transport{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.transport-play{appearance:none;border:0;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--bg-elev);display:grid;place-items:center;cursor:pointer;transition:transform .12s}.transport-play:hover{transform:scale(1.04)}.transport-time{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);min-width:92px}.transport-time .dim{color:var(--ink-4)}.transport-bar{flex:1;height:6px;position:relative;cursor:pointer}.transport-bar-bg{position:absolute;inset:0;background:var(--line);border-radius:999px}.transport-bar-fg{position:absolute;left:0;top:0;bottom:0;background:var(--ink);border-radius:999px}.transport-actions{display:flex;gap:8px;align-items:center}.mixer-track{display:grid;grid-template-columns:200px 1fr 130px;gap:18px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);transition:opacity .2s}.mixer-track.muted{opacity:.55}.mixer-track.original{background:var(--bg-soft)}.mixer-track:last-child{border-bottom:0}.track-head{display:flex;align-items:center;gap:12px;min-width:0}.track-badge{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px;color:#fff}.track-meta{flex:1;min-width:0}.track-name{font-size:13.5px;font-weight:500;letter-spacing:-.005em}.track-controls{display:flex;gap:4px;margin-top:4px}.track-btn{appearance:none;cursor:pointer;width:22px;height:18px;border-radius:4px;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:0;display:grid;place-items:center}.track-btn.on-mute{background:#d74745;color:#fff;border-color:transparent}.track-btn.on-solo{background:#d38f00;background:oklch(.7 .16 75);color:#fff;border-color:transparent}.track-btn.on-play{background:var(--ink);color:var(--bg-elev);border-color:transparent}.track-wave{position:relative;height:56px;border-radius:8px;overflow:hidden;background:var(--bg-soft)}.mixer-track.original .track-wave{background:var(--bg-elev);border:1px solid var(--line)}.track-wave svg{display:block;width:100%;height:100%;padding:0 6px}.track-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--ink);opacity:.7;transition:left .06s linear;pointer-events:none}.track-controls-right{display:flex;flex-direction:column;gap:6px;align-items:stretch}.track-slider{appearance:none;-webkit-appearance:none;height:3px;background:var(--line-2);border-radius:999px;outline:none;cursor:pointer}.track-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;border:0}.track-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;border:0}.track-vu{display:flex;gap:1.5px;height:4px;width:100%}.track-vu-seg{flex:1;border-radius:1px;background:var(--line);opacity:.5}.track-vu-seg.lit{opacity:1}.track-meta-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.mixer-master{padding:14px 22px;background:var(--bg-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.mixer-master-source{display:flex;align-items:center;gap:12px;min-width:0}.mixer-master-source .mono{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.mixer-master-name{font-size:13px;font-weight:500;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-master-vol{display:flex;align-items:center;gap:14px}.mixer-master-vol .mono{font-size:11px;color:var(--ink-3)}.mixer-master-vol .track-slider{width:140px}.crop-card{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.crop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.crop-title{font-size:14.5px;font-weight:600}.crop-sub{margin-top:4px;color:var(--ink-3);font-size:12.5px;line-height:1.4}.crop-loading,.crop-error{min-height:58px;display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:13px}.crop-error{color:var(--danger)}.crop-timeline{position:relative;height:92px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-soft);cursor:crosshair;touch-action:none}.crop-wave{position:absolute;inset:12px;display:flex;align-items:center;gap:2px}.crop-wave i{flex:1;min-width:1px;border-radius:999px;background:color-mix(in srgb,var(--accent) 72%,var(--ink));opacity:.72}.crop-dim{position:absolute;top:0;bottom:0;z-index:2;background:color-mix(in srgb,var(--bg-elev) 76%,transparent);pointer-events:none}.crop-dim.left{left:0}.crop-dim.right{right:0}.crop-selection{position:absolute;top:0;bottom:0;z-index:3;border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}.crop-handle{position:absolute;top:0;bottom:0;z-index:4;width:22px;transform:translate(-50%);appearance:none;border:0;background:transparent;cursor:ew-resize}.crop-handle:after{content:"";position:absolute;top:18px;bottom:18px;left:50%;width:4px;transform:translate(-50%);border-radius:999px;background:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg-elev) 82%,transparent)}.crop-fields{display:grid;grid-template-columns:repeat(2,minmax(130px,180px)) minmax(130px,1fr);gap:12px;align-items:end;margin-top:14px}.time-field{display:grid;gap:6px}.time-field span,.crop-duration span{color:var(--ink-3);font-size:11px}.time-field input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elev) 82%,transparent);color:var(--ink);padding:0 11px;font:13px var(--font-mono)}.time-field input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-1px}.crop-duration{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.crop-duration strong{font-family:var(--font-mono);font-size:13px}.crop-scale{display:flex;justify-content:space-between;margin-top:8px;color:var(--ink-4);font-size:10.5px}.feedback-card{padding:28px 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:flex-start}.feedback-section-title{font-size:14.5px;font-weight:500;margin-bottom:10px;letter-spacing:-.01em}.feedback-section-desc{font-size:12.5px;color:var(--ink-3);margin-bottom:18px;line-height:1.55}.star-rating{display:flex;gap:6px}.star-rating button{appearance:none;border:0;background:transparent;cursor:pointer;padding:4px;color:var(--ink-4);transition:color .12s,transform .1s}.star-rating button.lit{color:#db9400;color:oklch(.72 .16 75)}.rating-label{margin-top:12px;font-size:11px;color:var(--ink-3);letter-spacing:.04em;min-height:14px}.feedback-text{width:100%;min-height:110px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elev) 80%,transparent);color:var(--ink);font:inherit;font-size:13.5px;line-height:1.55;resize:vertical}.feedback-text:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:-1px}.feedback-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.feedback-thanks{text-align:center;padding:36px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev)}.feedback-thanks-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-soft);color:var(--ink);display:grid;place-items:center;margin:0 auto 16px}@media(max-width:960px){.hero-grid,.detail-band{grid-template-columns:1fr}.hero-grid{min-height:auto}.signal-panel{min-height:320px}.voicing-grid{grid-template-columns:repeat(2,1fr)}.feedback-grid{grid-template-columns:1fr}.mixer-track{grid-template-columns:160px 1fr 110px;gap:12px;padding:12px 14px}.section-desc{text-align:left;max-width:none}.section-head{flex-direction:column;align-items:flex-start;gap:6px}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-duration{grid-column:1 / -1}}@media(max-width:720px){.site-shell{width:min(100% - 24px,1180px);padding-top:14px}.topbar{align-items:flex-start;padding-bottom:30px}.nav-actions{justify-content:flex-end;flex-wrap:wrap}.hero-copy h1{font-size:42px}.feature-strip,.voicing-grid,.processing-stages{grid-template-columns:1fr}.workspace-head{flex-direction:column;align-items:flex-start}.mixer-track{grid-template-columns:1fr}.mixer-track .track-controls-right{flex-direction:row;align-items:center;gap:12px}.upload-card.selected{grid-template-columns:1fr auto}.upload-card.selected .file-icon{display:none}.crop-head{flex-direction:column}.crop-fields{grid-template-columns:1fr}.crop-timeline{height:78px}}