:root{color:#dbeafe;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 18% 0,#172554 0%,#0b1120 36%,#020617 100%);width:100%;min-width:320px;margin:0;overflow-x:hidden}#root{width:100%;min-width:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0}.app{width:calc(100% - 44px);min-width:0;max-width:1440px;margin:0 auto;padding:22px 0 44px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:8px 0 18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo-dot{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 28px #06b6d438}h1{letter-spacing:-.04em;color:#e5e7eb;margin:0;font-size:27px}.brand p{color:#94a3b8;margin:5px 0 0}.badges{flex-wrap:wrap;gap:8px;display:flex}.badges span{color:#93c5fd;background:#7c3aed1a;border-radius:999px;padding:7px 12px;font-weight:700}.steps{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;padding:12px 0 14px;display:grid;position:sticky;top:0}.step{color:#94a3b8;background:#0f172ad1;border:1px solid #263247;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 8px 24px #0000003d}.step b{color:#4f46e5;background:#172554;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.step.done{color:#e5e7eb;border-color:#38bdf8}.step.done b{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb)}.step.ready{color:#bfdbfe;border-color:#334155}.step.todo{opacity:.58}.workflow{gap:22px;min-width:0;display:grid}.panel,.global-error,.global-busy{background:#0f172ae0;border:1px solid #263247;border-radius:24px;min-width:0;padding:20px;box-shadow:0 22px 80px #00000059}.panel-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.panel-title h2{color:#e5e7eb;margin:0;font-size:20px}.panel-title span{color:#94a3b8;font-weight:700}.two-col{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:22px;min-width:0;display:grid}.drop{color:#bfdbfe;cursor:pointer;background:linear-gradient(#0ea5e91f,#2563eb0f);border:1.5px dashed #38bdf8;border-radius:22px;place-items:center;gap:8px;min-height:112px;margin-bottom:16px;display:grid}.drop input{display:none}.drop span{color:#94a3b8;font-size:14px}.video-stage{background:#0b1020;border:1px solid #263247;border-bottom:0;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.video-stage video{object-fit:contain;background:#0b1020;width:100%;max-height:680px;display:block}.crop-overlay{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.video-controls{background:#0f172af5;border:1px solid #263247;border-top:0;border-radius:0 0 20px 20px;grid-template-columns:auto auto auto minmax(120px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.play-btn,.mini-btn{border-radius:12px;height:38px;padding:0 14px;font-weight:800}.play-btn{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb)}.mini-btn{color:#bfdbfe;background:#172554}.time-code{white-space:nowrap;color:#cbd5e1;font-variant-numeric:tabular-nums;font-weight:800}.crop-overlay.picker{cursor:copy}.hint,.desc{color:#94a3b8;margin:0 0 14px;line-height:1.8}.field-grid{gap:12px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid.compact{gap:8px;margin-top:12px}label,.fake-label{color:#cbd5e1;gap:7px;font-size:14px;font-weight:700;display:grid}.fake-label span{display:block}input[type=number],input[type=text],input[type=color],select{color:#e5e7eb;background:#0f172a;border:1px solid #263247;border-radius:14px;outline:none;width:100%;height:48px;padding:10px 14px}input[type=range]{accent-color:#06b6d4;width:100%}input[type=checkbox]{accent-color:#06b6d4;width:18px;height:18px}input[type=color]{width:54px;padding:3px}.inline-check{background:#0f172a;border:1px solid #263247;border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.range-row{gap:6px;margin:14px 0 16px;display:grid}.soft-btn,.soft-wide,.dark-wide,.primary-wide{border-radius:16px;padding:13px 18px;font-weight:800}.soft-btn,.soft-wide{color:#bfdbfe;background:#172554}.soft-btn.active{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb)}.primary-wide{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb);width:100%;margin-top:12px;box-shadow:0 14px 32px #06b6d433}.dark-wide{color:#0f172a;background:#cbd5e1;width:100%;margin-top:12px}.soft-wide{width:100%;margin-top:12px}button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.preview-panel,.sequence-panel{min-height:100%}.preview-box,.compare-box,.sequence-box{border:1px solid #263247;border-radius:18px;place-items:center;min-height:240px;display:grid;overflow:auto}.checker{background-color:#0b1220;background-image:linear-gradient(45deg,#1e293b 25%,#0000 25%),linear-gradient(-45deg,#1e293b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1e293b 75%),linear-gradient(-45deg,#0000 75%,#1e293b 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-box canvas{max-width:100%;max-height:280px}.thumb-strip{gap:8px;padding:14px 2px 0;display:flex;overflow-x:auto}.thumb{background:#172554;border:2px solid #0000;border-radius:12px;flex:none;width:84px;height:64px;padding:0;position:relative;overflow:hidden}.thumb.active{border-color:#06b6d4}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.thumb span{color:#0f172a;background:#111827b8;border-radius:999px;padding:2px 5px;font-size:11px;position:absolute;bottom:3px;right:4px}.color-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.color-swatch{border:1px solid #263247;border-radius:14px;width:44px;height:44px;box-shadow:inset 0 0 0 1px #00000014}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}h3{margin:0 0 8px;font-size:16px}.compare-box{min-height:330px}.compare-box img,.compare-box canvas{object-fit:contain;max-width:100%;max-height:430px}.solid-bg{background:#e5e7eb}.tabbar{background:#0f172a;border-radius:999px;gap:4px;margin-bottom:12px;padding:5px;display:inline-flex}.tabbar button{color:#94a3b8;background:0 0;border-radius:999px;padding:10px 18px;font-weight:800}.tabbar button.active{color:#0f172a;background:linear-gradient(135deg,#06b6d4,#2563eb)}.small{color:#94a3b8;font-size:13px}.sequence-box{justify-content:start;align-items:start;max-width:100%;height:620px;padding:12px;overflow:auto}.sequence-box img{object-fit:contain;max-width:100%;height:auto}.anim-frame{max-height:560px;margin:auto;display:block;max-width:100%!important}.estimate-box{background:#0f172a;border:1px solid #263247;border-radius:18px;gap:4px;margin:14px 0 4px;padding:16px;display:grid}.estimate-box span,.estimate-box em{color:#94a3b8;font-style:normal}.estimate-box b{color:#e5e7eb;font-size:22px}.progress{background:#e5e7eb;border-radius:999px;height:12px;margin-top:14px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#2563eb);height:100%;transition:width .25s;display:block}.status{color:#94a3b8}.error,.global-error{color:#991b1b;background:#0f172a1f2;border-color:#fecdd3}.global-busy{z-index:30;color:#bfdbfe;background:#0f172a;border-color:#334155;margin-bottom:16px;font-weight:800;position:sticky;top:78px}.downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.downloads a,.download-one{color:#0f172a;background:linear-gradient(135deg,#059669,#10b981);border-radius:15px;gap:5px;padding:13px 15px;text-decoration:none;display:grid}.downloads a:nth-child(2){background:linear-gradient(135deg,#06b6d4,#2563eb)}.downloads a:nth-child(3){background:linear-gradient(135deg,#d97706,#f59e0b)}.downloads a:nth-child(4){background:linear-gradient(135deg,#cbd5e1,#0f172a)}.downloads span{opacity:.82;font-size:13px}.spine-grid{grid-template-columns:minmax(0,1fr) 380px;gap:18px;display:grid}.spine-card{background:#0f172a;border:1px solid #263247;border-radius:18px;padding:18px}.spine-card p{color:#94a3b8;line-height:1.7}footer{color:#94a3b8;text-align:center;border-top:1px solid #263247;margin-top:14px;padding:24px 0 0}@media (width<=1080px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col,.spine-grid{grid-template-columns:1fr}.field-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.compare{grid-template-columns:1fr}}@media (width<=720px){.video-controls{grid-template-columns:auto auto auto}.video-controls input[type=range],.time-code{grid-column:1/-1}}@media (width<=640px){.app{width:min(100% - 20px,1440px)}.topbar{flex-direction:column;align-items:flex-start}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.two,.field-grid.four,.downloads{grid-template-columns:1fr}.sequence-box{height:420px}}.sequence-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sequence-actions .tabbar{margin-bottom:0}.matte-side{align-self:stretch}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.stat-grid div{background:#0f172a;border:1px solid #263247;border-radius:16px;gap:4px;padding:12px;display:grid}.stat-grid span{color:#94a3b8;font-size:12px;font-weight:700}.stat-grid b{color:#e5e7eb;font-size:16px}.inspection-box{border:1px solid #263247;border-radius:18px;place-items:center;min-height:260px;padding:12px;display:grid;overflow:auto}.inspection-box img{object-fit:contain;max-width:100%;max-height:360px}.inspection-box p{color:#94a3b8}.tips-list{color:#94a3b8;margin:14px 0 0;padding-left:20px;line-height:1.75}.tips-list li+li{margin-top:4px}.no-margin{margin:4px 0 0}.collapsible-title{align-items:center}.advanced-panel{overflow:hidden}.advanced-body{border-top:1px solid #263247;padding-top:8px}.app:before{content:"";pointer-events:none;background:linear-gradient(90deg,#06b6d414,#0000 22% 78%,#2563eb14);position:fixed;inset:0}.suite-shell{background:radial-gradient(circle at 12% -10%,#22d3ee2e,#0000 32%),radial-gradient(circle at 88% 0,#4f46e52e,#0000 32%),linear-gradient(#020617 0%,#07111f 48%,#020617 100%);width:100%;min-height:100vh;padding:0 0 56px}.creator-strip{color:#1f2937;background:#f8fafcfa;border-bottom:1px solid #dbe4ef;width:100%}.creator-strip-inner{justify-content:space-between;align-items:center;gap:18px;width:calc(100% - 44px);min-width:0;max-width:1480px;margin:0 auto;padding:12px 0;display:flex}.creator-profile{align-items:center;gap:11px;min-width:0;display:flex}.creator-profile strong{color:#374151;white-space:nowrap}.creator-support{color:#475569;text-align:center;margin:0;font-size:15px;font-weight:800}.creator-avatar{object-fit:cover;object-position:center;border:2px solid #fff;border-radius:50%;flex:none;width:42px;height:42px;display:block;box-shadow:0 8px 22px #2563eb33}.creator-links{justify-content:flex-end;gap:9px;min-width:0;display:flex}.creator-link{color:#374151;background:#fff;border:1px solid #dbe4ef;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:7px 13px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.creator-link:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 8px 22px #0f172a1a}.creator-platform-icon{flex:none;width:24px;height:24px}.creator-link.xiaohongshu .creator-platform-icon{color:#ff2442}.creator-link.bilibili .creator-platform-icon{color:#00aeec}.suite-topbar,.module-intro,.suite-body{width:calc(100% - 44px);max-width:1480px;margin-left:auto;margin-right:auto}.suite-topbar{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617d6;border:1px solid #334155e6;border-radius:26px;grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:center;gap:22px;padding:14px;display:grid;position:sticky;top:0;box-shadow:0 24px 90px #0000006b}.step-four-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:22px;min-width:0;display:grid}.step4-reference-panel,.step4-result-panel{min-width:0}.step4-reference-panel .panel-title,.step4-result-panel .panel-title{flex-direction:column;align-items:flex-start;gap:5px}.reference-frame-selector{scrollbar-color:#334155 transparent;gap:8px;padding:2px 2px 12px;display:flex;overflow-x:auto}.reference-thumb{background:#0f172a;border:2px solid #0000;border-radius:11px;flex:none;width:76px;height:58px;padding:0;position:relative;overflow:hidden}.reference-thumb.active{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee29}.reference-thumb img{object-fit:contain;width:100%;height:100%;display:block}.reference-thumb span{color:#fff;background:#020617c7;border-radius:999px;min-width:20px;padding:2px 5px;font-size:11px;font-weight:800;position:absolute;bottom:3px;right:4px}.reference-frame-box{cursor:crosshair;border:1px solid #263247;border-radius:18px;place-items:center;min-height:380px;display:grid;overflow:auto}.reference-frame-box canvas{max-width:100%;max-height:520px;display:block}.reference-frame-meta{color:#94a3b8;flex-wrap:wrap;gap:18px;margin:12px 0 16px;display:flex}.reference-frame-meta b{color:#e5e7eb}.matte-controls{gap:14px;display:grid}.control-section{background:#0206176b;border:1px solid #263247;border-radius:18px;padding:15px}.control-section h3{color:#e5e7eb}.control-section .color-row{margin:0}.matte-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.matte-range-grid label{grid-template-columns:1fr auto;align-items:center}.matte-range-grid input{grid-column:1/-1}.matte-range-grid b{color:#22d3ee}.matte-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.matte-check-grid label{background:#0f172a;border:1px solid #263247;border-radius:14px;align-items:center;gap:9px;min-height:46px;padding:0 13px;display:flex}.step4-reference-panel,.step4-result-panel{flex-direction:column;display:flex}.step4-result-panel .inspection-box{min-height:420px}.step4-result-panel .inspection-box img{max-height:540px}.matte-mode-controls{background:#0f172a;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid}.matte-mode-controls button{color:#94a3b8;background:0 0;border-radius:12px;min-height:42px;padding:9px 12px;font-weight:800}.matte-mode-controls button.active{color:#06111f;background:linear-gradient(135deg,#06b6d4,#2563eb)}.preview-actions-bottom{margin-top:auto;padding-top:14px}.preview-actions-bottom p{color:#94a3b8;margin:0;line-height:1.6}.sequence-controls-bottom{gap:12px;margin-top:14px;display:grid}.sequence-controls-bottom .matte-mode-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-controls-bottom .soft-wide{margin-top:0}.workflow-stage-enter{animation:.2s ease-out both workflow-stage-enter}@keyframes workflow-stage-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suite-brand{align-items:center;gap:14px;min-width:0;display:flex}.suite-logo{color:#06111f;background:linear-gradient(135deg,#22d3ee,#2563eb 58%,#7c3aed);border-radius:18px;place-items:center;width:52px;height:52px;font-size:26px;font-weight:950;display:grid;box-shadow:0 16px 40px #22d3ee2e}.suite-brand h1{font-size:24px}.suite-brand p{color:#94a3b8;margin:4px 0 0;line-height:1.5}.suite-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.suite-tabs button{text-align:left;color:#cbd5e1;background:#0f172aeb;border:1px solid #334155db;border-radius:20px;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon sub";align-items:center;gap:2px 10px;min-height:72px;padding:12px 14px;display:grid}.suite-tabs button span{grid-area:icon;font-size:23px}.suite-tabs button b{color:#e5e7eb;grid-area:title}.suite-tabs button small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;grid-area:sub;overflow:hidden}.suite-tabs button.active{background:linear-gradient(135deg,#0ea5e938,#4f46e538);border-color:#22d3eef2;box-shadow:inset 0 0 0 1px #22d3ee29,0 18px 50px #2563eb33}.module-intro{background:#0f172a9e;border:1px solid #334155b8;border-radius:24px;justify-content:space-between;align-items:end;gap:18px;margin-top:18px;margin-bottom:16px;padding:16px 18px;display:flex}.module-kicker{color:#22d3ee;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900;display:inline-block}.module-intro h2{color:#f8fafc;margin:4px 0;font-size:22px}.module-intro p{color:#94a3b8;margin:0}.module-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.module-badges span{color:#bfdbfe;background:#0ea5e91f;border-radius:999px;padding:8px 12px;font-weight:800}.suite-body .app{width:100%;max-width:none;padding-top:0}.suite-body .app>.topbar,.suite-body .app>footer{display:none}.tool-page{gap:22px;min-width:0;display:grid}.module-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:start;gap:22px;display:grid}.image-layout{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr)}.preview-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.image-drop{min-height:138px}.source-image-box,.big-image-preview{color:#94a3b8;border:1px solid #263247;border-radius:18px;place-items:center;min-height:360px;padding:12px;display:grid;overflow:auto}.source-image-box img,.big-image-preview img{object-fit:contain;max-width:100%;max-height:620px}.check-list{gap:10px;margin:12px 0 4px;display:grid}.check-list label{background:#0f172a;border:1px solid #263247;border-radius:14px;align-items:center;gap:8px;padding:12px;display:flex}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;margin-top:12px;display:grid;overflow:auto}.asset-chip{background:#0f172a;border:1px solid #263247;border-radius:14px;gap:3px;padding:11px 12px;display:grid}.asset-chip b{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-chip span{color:#22d3ee;font-weight:800}.asset-chip small{color:#94a3b8}.empty-card{color:#94a3b8;background:#0f172a8c;border:1px dashed #334155;border-radius:18px;place-items:center;min-height:180px;padding:18px;line-height:1.8;display:grid}.image-downloads{grid-template-columns:1fr}.big-switch{background:#0f172a;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:6px;display:grid}.big-switch button{color:#94a3b8;background:0 0;border-radius:14px;padding:14px 18px;font-weight:900}.big-switch button.active{color:#05111f;background:linear-gradient(135deg,#22d3ee,#2563eb)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preset-grid button{text-align:left;color:#cbd5e1;background:#0f172a;border:1px solid #263247;border-radius:16px;gap:5px;padding:14px;display:grid}.preset-grid button b{color:#e5e7eb}.preset-grid button span{color:#94a3b8;font-size:13px;line-height:1.5}.preset-grid button.active{background:linear-gradient(135deg,#22d3ee26,#2563eb2e);border-color:#22d3ee}.loop-grid button.active{background:linear-gradient(135deg,#f59e0b24,#2563eb29);border-color:#f59e0b}.audio-actions{grid-template-columns:1fr 1.2fr;align-items:end;gap:12px;margin-top:12px;display:grid}.audio-actions .soft-wide,.audio-actions .primary-wide{margin-top:0}.waveform-card{min-height:360px}.waveform-visual{background:radial-gradient(circle,#22d3ee1a,#0000 58%),#0f172a;border:1px solid #263247;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-height:260px;padding:18px;display:flex;overflow:hidden}.waveform-visual i{background:linear-gradient(#22d3ee,#2563eb 70%,#7c3aed);border-radius:999px;width:7px;min-height:8px;box-shadow:0 0 18px #22d3ee38}.audio-page .downloads a:nth-child(odd){color:#f8fafc;background:linear-gradient(135deg,#2563eb,#7c3aed)}.audio-page .downloads a:nth-child(2n){background:linear-gradient(135deg,#0891b2,#10b981)}@media (width<=1180px){.suite-topbar,.module-grid,.image-layout,.preview-layout{grid-template-columns:1fr}}@media (width<=1080px){.step-four-layout{grid-template-columns:1fr}}@media (width<=760px){.creator-strip-inner,.suite-topbar,.module-intro,.suite-body{width:calc(100% - 20px)}.creator-strip-inner{flex-direction:column;align-items:stretch;gap:10px}.creator-support{order:2}.creator-links{order:3;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.creator-link{min-width:0;padding-left:7px;padding-right:7px}.suite-tabs{grid-template-columns:1fr}.module-intro{flex-direction:column;align-items:start}.preset-grid,.asset-list,.audio-actions{grid-template-columns:1fr}.suite-brand h1{font-size:20px}}@media (width<=640px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.matte-range-grid,.matte-check-grid,.matte-mode-controls{grid-template-columns:1fr}.sequence-controls-bottom .matte-mode-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-frame-box,.step4-result-panel .inspection-box{min-height:300px}}@media (prefers-reduced-motion:reduce){.workflow-stage-enter{animation:none}.creator-link{transition:none}}.primary-button,.ghost-button{border-radius:16px;min-height:46px;padding:13px 18px;font-weight:900}.primary-button{color:#06111f;background:linear-gradient(135deg,#22d3ee,#2563eb);box-shadow:0 14px 32px #22d3ee33}.ghost-button{color:#cbd5e1;background:#0f172a;border:1px solid #334155}.daw-page{gap:18px}.daw-topbar{gap:14px;display:grid}.transport-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transport-row .soft-wide{width:auto;margin-top:0}.studio-controls{grid-template-columns:repeat(9,minmax(110px,1fr));align-items:stretch;gap:10px;display:grid}.studio-controls label,.track-params label{color:#94a3b8;background:#0f172ad1;border:1px solid #263247;border-radius:14px;gap:6px;padding:10px;font-size:12px;font-weight:800;display:grid}.studio-controls .inline-check{justify-content:center;align-items:center;gap:8px;display:flex}.instrument-library{overflow:hidden}.instrument-pills{flex-wrap:wrap;gap:10px;display:flex}.instrument-pills span{background:linear-gradient(135deg,#0f172afa,#1e293bc7);border:1px solid #263247;border-radius:16px;gap:4px;min-width:140px;padding:12px 14px;display:grid}.instrument-pills b{color:#e5e7eb}.instrument-pills small{color:#22d3ee;font-weight:800}.track-editor{overflow:hidden}.step-ruler,.sequencer-row{grid-template-columns:repeat(32,minmax(18px,1fr));gap:4px;display:grid}.step-ruler{color:#64748b;margin:4px 0 10px 292px;font-size:11px;font-weight:900}.step-ruler span{text-align:center;min-height:14px}.step-ruler .bar{color:#22d3ee}.tracks-stack{gap:12px;display:grid}.track-strip{background:linear-gradient(#0f172af0,#020617bd);border:1px solid #263247;border-radius:20px;grid-template-columns:280px minmax(360px,1fr);grid-template-areas:"head seq""params params";gap:10px 12px;padding:14px;display:grid}.track-head{grid-area:head;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px 42px;align-items:center;gap:8px;display:grid}.track-head input,.track-head select{min-width:0}.track-head button{color:#cbd5e1;background:#111827;border:1px solid #334155;border-radius:12px;min-height:38px;font-weight:900}.track-head button:nth-child(5){color:#bfdbfe;background:#172554;grid-column:1/-1}.track-head button.active{color:#06111f;background:linear-gradient(135deg,#22d3ee,#2563eb)}.track-head button.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.sequencer-row{background:#050b18;border:1px solid #1e293b;border-radius:16px;grid-area:seq;align-items:center;padding:8px;overflow:auto}.sequencer-row button{color:#334155;background:#111827;border:1px solid #1e293b;border-radius:8px;min-width:18px;height:34px;font-size:9px;font-weight:900}.sequencer-row button.bar{border-left-color:#334155}.sequencer-row button.on{color:#06111f;background:linear-gradient(#67e8f9,#2563eb);border-color:#22d3ee;box-shadow:0 0 18px #22d3ee2e}.track-params{grid-area:params;grid-template-columns:repeat(15,minmax(92px,1fr));gap:8px;display:grid}.track-params input[type=range],.studio-controls input[type=range]{width:100%}.mixer-panel{overflow:hidden}.mixer-strips{align-items:end;gap:12px;min-height:260px;padding-bottom:4px;display:flex;overflow:auto}.mixer-strip{background:#0f172a;border:1px solid #263247;border-radius:18px;place-items:center;gap:8px;min-width:88px;padding:12px 10px;display:grid}.mixer-strip b{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:13px;overflow:hidden}.mixer-strip small{color:#94a3b8}.meter{background:#020617;border:1px solid #1e293b;border-radius:999px;align-items:end;width:18px;height:96px;padding:4px;display:flex}.meter i{background:linear-gradient(#facc15,#22d3ee 45%,#2563eb);border-radius:999px;width:100%}@media (width<=1280px){.studio-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.track-strip{grid-template-columns:1fr;grid-template-areas:"head""seq""params"}.step-ruler{margin-left:0}.track-params{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.studio-controls,.track-params,.track-head{grid-template-columns:1fr}.step-ruler,.sequencer-row{grid-template-columns:repeat(16,minmax(24px,1fr))}}.point-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.point-toolbar button{color:#cbd5e1;background:#0f172a;border:1px solid #263247;border-radius:14px;min-height:42px;font-weight:900}.point-toolbar button.active.sample{color:#05111f;background:linear-gradient(135deg,#22d3ee,#2563eb)}.point-toolbar button.active.erase{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.point-toolbar button.active.keep{color:#03130d;background:linear-gradient(135deg,#22c55e,#84cc16)}.annotated-source{padding:12px}.annotated-image-wrap{max-width:100%;display:inline-block;position:relative}.annotated-image-wrap img{object-fit:contain;cursor:crosshair;border-radius:12px;max-width:100%;max-height:620px;display:block}.point-marker{pointer-events:none;border:2px solid #020617;border-radius:999px;width:17px;height:17px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffa6,0 0 20px #22d3ee59}.point-marker.sample{background:#22d3ee}.point-marker.erase{background:#ef4444}.point-marker.keep{background:#22c55e}.annotation-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.annotation-stats span{color:#94a3b8;background:#0f172a;border:1px solid #263247;border-radius:14px;gap:2px;padding:10px;display:grid}.annotation-stats b{color:#e5e7eb;font-size:20px}.small-tip{font-size:13px;margin-top:12px!important}.add-track-row{grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.add-track-row .primary-button,.add-track-row .ghost-button{white-space:nowrap}.instrument-pills.dense{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:320px;padding-right:4px;display:grid;overflow:auto}.instrument-pills.dense button{text-align:left;color:#cbd5e1;background:linear-gradient(135deg,#0f172afa,#1e293bc7);border:1px solid #263247;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.instrument-pills.dense button:hover{border-color:#22d3ee;transform:translateY(-1px)}.instrument-pills.dense b{color:#e5e7eb}.instrument-pills.dense small{color:#22d3ee;font-weight:800}.pro-track .track-head{grid-template-columns:minmax(110px,.9fr) minmax(170px,1.1fr) 42px 42px repeat(3,auto)}.pro-track .track-head button.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.pro-params{grid-template-columns:repeat(12,minmax(92px,1fr))}.mixer-layout{grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr)}.pro-mixer{overflow:hidden}.pro-mixer-strips{align-items:stretch;min-height:520px}.pro-mixer-strip{text-align:center;align-content:start;place-items:stretch stretch;min-width:155px}.pro-mixer-strip label{color:#94a3b8;gap:4px;font-size:11px;font-weight:900;display:grid}.pro-mixer-strip .meter{margin:2px auto 6px}.vertical-range{writing-mode:vertical-lr;direction:rtl;height:120px;margin:0 auto;width:28px!important}@media (width<=1180px){.add-track-row{grid-template-columns:1fr}.point-toolbar{grid-template-columns:1fr 1fr}.annotation-stats,.mixer-layout{grid-template-columns:1fr}}@media (width<=760px){.pro-track .track-head,.pro-params{grid-template-columns:1fr}}