:root{--background:#060911;--foreground:#f1f5f9;--brand:#6366f1;--brand-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #7928ca 100%);--brand-glow:0 0 25px #00f2fe73;--line:#1e293b;--line-highlight:#38bdf84d;--muted:#94a3b8;--card-bg:#0d1321d9;--card-border:#1e293bcc;--card-glow:0 8px 32px #0000008c;--neon-cyan:#00f2fe;--neon-blue:#38bdf8;--neon-purple:#a855f7;--neon-pink:#ec4899;--neon-emerald:#10b981}*{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,#6366f11f 0%,#0000 45%),radial-gradient(circle at 85% 20%,#00f2fe14 0%,#0000 40%),radial-gradient(circle at 50% 90%,#a855f714 0%,#0000 50%),linear-gradient(#060911 0%,#090e1a 100%);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Malgun Gothic,Pretendard,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;cursor:pointer;background:#131b2ecc;border:1px solid #334155b3;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #0000004d}button:hover,.button:hover{color:#fff;background:#1e2945f2;border-color:#38bdf880;transform:translateY(-1px);box-shadow:0 0 14px #38bdf840}button:active,.button:active{transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-color:#818cf866;box-shadow:0 0 16px #6366f159}.primary:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);border-color:#a5b4fcb3;box-shadow:0 0 22px #6366f18c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f1f5f9;background:#0b101dd9;border:1px solid #334155b3;border-radius:10px;width:100%;min-width:0;padding:8px 12px;transition:all .2s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,select:focus,textarea:focus{border-color:var(--neon-cyan);background:#0f172af2;box-shadow:0 0 12px #00f2fe40}label{color:#cbd5e1;font-size:12px;font-weight:600;display:block}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.04em;color:#fff;font-size:24px;font-weight:800;line-height:1.35}h2{color:#f8fafc;font-size:16px;font-weight:700}.muted,small{color:var(--muted)}small{font-size:11px}.error{color:#f87171}.eyebrow{color:var(--neon-cyan);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px #00f2fe66;font-size:11px;font-weight:800}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.card{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--card-glow);border-radius:18px;min-width:0;padding:24px;transition:border-color .25s}.card:hover{border-color:#38bdf866}.card>p{color:#cbd5e1;margin-top:10px}.notice{color:#bae6fd;background:#08193099;border:1px solid #38bdf84d;border-radius:12px;padding:14px 18px;font-size:12px}.warning{color:#fde68a;background:#2e1e0899;border-color:#f59e0b66}.welcome{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.welcome>.card{width:100%;max-width:440px}.welcome h1{margin:8px 0 18px}.welcome .stack{margin:22px 0 16px}.subtle-link{color:#94a3b8;font-size:11px;text-decoration:underline}.subtle-link:hover{color:var(--neon-cyan)}.app-shell{min-height:100vh;display:flex}.desktop-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b14f2;border-right:1px solid #1e293bd9;flex-direction:column;flex-shrink:0;width:250px;height:100dvh;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0006}.sidebar-brand{background:linear-gradient(#0e162899 0%,#0000 100%);border-bottom:1px solid #1e293bb3;flex-shrink:0;padding:24px 18px 20px}.brand-row{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 50%,#7928ca 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;animation:3s ease-in-out infinite alternate pulse-glow;display:flex;box-shadow:0 0 18px #00f2fe80}@keyframes pulse-glow{0%{box-shadow:0 0 12px #00f2fe66}to{box-shadow:0 0 24px #7928cab3}}.brand-row strong{letter-spacing:-.02em;background:linear-gradient(120deg,#fff 30%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:13.5px;font-weight:800;line-height:1.4;display:block}.brand-row small{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-top:3px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.other-programs{color:#64748b;margin-top:14px;font-size:11px;transition:all .2s;display:inline-block}.other-programs:hover{color:#38bdf8;transform:translate(-2px)}.sidebar-nav{flex:0 auto;min-height:0;padding:16px 12px 0;overflow-y:auto}.nav-item{color:#94a3b8;border-radius:10px;align-items:center;gap:11px;margin-bottom:2px;padding:11px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.nav-item[aria-current=page]{color:#fff;background:linear-gradient(90deg,#4f46e559 0%,#38bdf826 100%);border:1px solid #6366f166;box-shadow:0 0 16px #4f46e540}.nav-item[aria-current=page] svg{color:var(--neon-cyan);filter:drop-shadow(0 0 6px #00f2fe99)}.nav-item:hover,.flow-item:hover{color:#f1f5f9;background:#1e293b99}.nav-caption{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin:22px 12px 10px;font-size:10px;font-weight:800}.flow-item{color:#94a3b8;cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:flex-start;gap:11px;margin-bottom:6px;padding:9px 8px;transition:all .2s;display:flex;position:relative}.step-number{color:#94a3b8;background:#1e293bcc;border:1px solid #47556980;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;font-weight:800;transition:all .2s;display:flex}.flow-item:hover .step-number{border-color:var(--neon-cyan);color:#fff;background:#0ea5e933}.flow-item>div{padding:2px 0}.flow-item strong{color:#e2e8f0;align-items:center;gap:7px;font-size:12px;display:flex}.flow-item small{color:#64748b;margin-top:2px;margin-left:22px;font-size:10.5px;line-height:1.45;display:block}.flow-item[aria-current=page]{background:#0f172acc;border-color:#38bdf84d}.flow-item[aria-current=page] .step-number{color:#060911;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;font-weight:900;box-shadow:0 0 10px #00f2fe80}.utility-menu{border-top:1px solid #1e293bb3;margin-top:16px;padding-top:12px}.sidebar-account{border-top:1px solid #1e293bcc;flex-shrink:0;margin:10px 14px 0;padding:12px 6px 16px}.sidebar-account>p{color:#64748b;overflow-wrap:anywhere;padding:0 4px;font-size:11px;line-height:1.4}.sidebar-account button{color:#94a3b8;box-shadow:none;background:0 0;border:0;justify-content:flex-start;margin-top:8px;padding:8px 6px;font-size:12px;font-weight:500}.sidebar-account button:hover{color:#f87171;box-shadow:none;background:#ef44441f;border-radius:8px}.mobile-sidebar{display:none}.main-workspace{flex:1;min-width:0}.workspace-content{max-width:1180px;margin:0 auto;padding:32px 28px}.page-heading{margin-bottom:26px}.page-heading h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:6px 0 10px;font-size:26px}.page-heading>p:last-child{color:#94a3b8;font-size:13px;line-height:1.55}.workspace-content.wide{max-width:1560px}.mp{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);align-items:start;gap:22px;display:grid;position:relative}.mp.dragging{outline:3px dashed var(--neon-cyan);outline-offset:8px;border-radius:20px;animation:1.5s infinite alternate drag-glow}@keyframes drag-glow{0%{box-shadow:0 0 15px #00f2fe33}to{box-shadow:0 0 35px #00f2fe99}}.mp-main{flex-direction:column;gap:16px;min-width:0;display:flex}.mp-stage{background:radial-gradient(circle at 50% 25%,#151d30 0%,#080d19 75%,#04070d 100%);border:1px solid #38bdf840;border-radius:20px;height:clamp(260px,44vh,460px);transition:all .3s;position:relative;overflow:hidden;box-shadow:0 12px 36px #000000b3,0 0 25px #38bdf81f,inset 0 0 45px #000000b3}.mp-stage:hover{border-color:#38bdf873;box-shadow:0 16px 44px #000c,0 0 35px #38bdf833,inset 0 0 50px #000c}.mp-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mp-cover-big{object-fit:cover;opacity:.85;filter:contrast(1.05)saturate(1.1);width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.mp-stage-empty{color:#475569;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.mp-stage-empty svg{color:#334155;filter:drop-shadow(0 0 15px #38bdf833);animation:4s ease-in-out infinite float-disc}@keyframes float-disc{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(15deg)}}.mp-stage-empty p{color:#64748b;font-size:13.5px;font-weight:500}.mp-now{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:linear-gradient(#04070d00 0%,#04070dbf 40%,#04070df2 100%);border-top:1px solid #ffffff0d;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.mp-now strong{color:#fff;text-shadow:0 1px 4px #000c;letter-spacing:-.01em;font-size:15.5px;font-weight:700;line-height:1.35;display:block}.mp-now small{color:#94a3b8;margin-top:2px;font-size:12.5px;display:block}.mp-cover{width:52px;height:52px;color:var(--neon-cyan);background:#1e293b;border:1px solid #38bdf866;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 14px #38bdf840}.mp-cover img{object-fit:cover;width:100%;height:100%}.mp-seek{color:#38bdf8;font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:14px;padding:4px 6px;font-size:12.5px;font-weight:700;display:flex}.mp-seek input[type=range]{height:6px;accent-color:var(--neon-cyan);background:#1e293b;border-radius:9999px;outline:none;flex:1;transition:all .2s;box-shadow:inset 0 1px 3px #0009}.mp-seek input[type=range]:hover{accent-color:#00f2fe;height:8px}input[type=range]{accent-color:#38bdf8;cursor:pointer}.mp-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#131b2ee6 0%,#0a0f1bf2 100%);border:1px solid #38bdf840;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:0 8px 32px #0009,inset 0 1px 1px #ffffff14}.mp-ctl-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-ctl-group button.on{border-color:var(--neon-cyan);color:#00f2fe;background:#38bdf826;box-shadow:0 0 14px #00f2fe59}.mp-ctl-group select{color:#e2e8f0;background:#0f172ae6;border-color:#334155cc;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600;width:auto!important}.mp-ctl-group select:hover{border-color:var(--neon-cyan)}.mp-play{color:#060911;background:linear-gradient(135deg,#00f2fe 0%,#38bdf8 40%,#818cf8 100%);border:none;border-radius:50%;width:58px;height:58px;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 25px #00f2fe80,0 4px 14px #0006}.mp-play:hover{color:#000;background:linear-gradient(135deg,#38bdf8 0%,#00f2fe 60%,#a855f7 100%);transform:scale(1.08);box-shadow:0 0 35px #00f2febf,0 6px 20px #00000080}.mp-play:active{transform:scale(.96)}.mp-play svg{filter:drop-shadow(0 1px 2px #0006)}.mp-vol{align-items:center;gap:10px;display:flex}.mp-vol input[type=range]{width:110px;height:5px;accent-color:var(--neon-cyan);background:#1e293b;border-radius:9999px}.mp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mp-keys{color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1628cc;border:1px solid #38bdf833;border-radius:12px;padding:12px 18px;font-size:12px;line-height:2.1}.mp-keys b{color:var(--neon-cyan);margin-right:6px}.mp-keys kbd{color:#38bdf8;background:#0f172ae6;border:1px solid #475569cc;border-bottom:2px solid #38bdf880;border-radius:6px;margin:0 3px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0006}.mp-eq{background:linear-gradient(#10182af2 0%,#090e1afa 100%);border:1px solid #38bdf84d;border-radius:18px;padding:18px 22px;box-shadow:0 10px 36px #000000a6,inset 0 1px 1px #ffffff0d}.mp-eq-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mp-eq-head h2{letter-spacing:-.02em;background:linear-gradient(90deg,#38bdf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:15px;font-weight:800}.mp-eq-body{flex-wrap:wrap;gap:20px;display:flex}.mp-eq-bands{background:#070b14e6;border:1px solid #1e293be6;border-radius:14px;gap:12px;padding:16px 18px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 8px #0009}.mp-band{flex-direction:column;align-items:center;gap:8px;min-width:44px;display:flex}.mp-band-val{color:var(--neon-cyan);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px;font-weight:800}.mp-band-hz{color:#94a3b8;font-size:11px;font-weight:700}.mp-vslider{writing-mode:vertical-lr;height:150px;accent-color:var(--neon-cyan);direction:rtl;background:0 0!important;border:0!important;width:28px!important;padding:0!important}.mp-vslider:hover{accent-color:#00f2fe}.mp-presets{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.mp-presets h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.mp-preset-list{flex-wrap:wrap;gap:7px;display:flex}.mp-preset-list button{color:#cbd5e1;background:#162036cc;border-color:#334155b3;border-radius:8px;padding:6px 11px;font-size:11.5px}.mp-preset-list button:hover{border-color:var(--neon-cyan);color:#fff;background:#38bdf826;box-shadow:0 0 10px #00f2fe40}.mp-custom{display:inline-flex}.mp-custom .mp-x{color:#94a3b8;border:1px solid #334155b3;border-left:0;border-radius:0 8px 8px 0;padding:6px 8px}.mp-custom>button:first-child{border-radius:8px 0 0 8px}.mp-save-preset{gap:8px;margin-top:4px;display:flex}.mp-save-preset input{flex:1}.mp-list{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b101dd9;border:1px solid #38bdf833;border-radius:18px;flex-direction:column;min-height:440px;max-height:calc(100vh - 140px);display:flex;position:sticky;top:20px;box-shadow:0 12px 36px #0009}.mp-list-head{background:linear-gradient(#131b2e80 0%,#0000 100%);border-bottom:1px solid #1e293bcc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.mp-list-head h2{color:#fff;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.mp-list-head h2 small{color:var(--neon-cyan);background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:9999px;padding:1px 7px;font-size:11.5px}.mp-search{color:#94a3b8;background:#070b14b3;border:1px solid #334155cc;border-radius:10px;align-items:center;gap:8px;margin:12px 16px 6px;padding:0 12px;transition:all .2s;display:flex}.mp-search:focus-within{border-color:var(--neon-cyan);background:#0a0f1bf2;box-shadow:0 0 12px #00f2fe40}.mp-search input:not([type=checkbox]){color:#fff;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:9px 0!important}.mp-x{color:#64748b;cursor:pointer;background:0 0;border:0;min-width:0;padding:4px}.mp-x:hover{color:#f87171}.mp-selall{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;padding:8px 18px 4px;font-size:12px;font-weight:600;display:flex}.mp-selall input{cursor:pointer}.mp-rows{flex:1;padding:6px 10px 10px;overflow-y:auto}.mp-rows::-webkit-scrollbar{width:6px}.mp-rows::-webkit-scrollbar-thumb{background:#334155b3;border-radius:3px}.mp-rows::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.mp-row{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;margin-bottom:2px;padding:4px 8px;transition:all .15s;display:flex}.mp-row:hover{background:#1e293b99;border-color:#38bdf833}.mp-row.current{background:linear-gradient(90deg,#4f46e559 0%,#38bdf82e 100%);border-color:#38bdf880;box-shadow:0 0 16px #38bdf833}.mp-row.picked{background:#9333ea2e;border-color:#a855f766}.mp-row-main{text-align:left;min-width:0;box-shadow:none;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:12px;padding:6px 4px;font-weight:400;display:flex}.mp-row-main:hover{box-shadow:none;background:0 0;transform:none}.mp-thumb{color:#94a3b8;background:#1e293be6;border:1px solid #47556966;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.mp-thumb img{object-fit:cover;width:100%;height:100%}.mp-row.current .mp-thumb{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#38bdf833;box-shadow:0 0 10px #00f2fe66}.mp-row.current .mp-thumb svg{animation:1.2s ease-in-out infinite bounce-eq}@keyframes bounce-eq{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.2)}}.mp-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.mp-row-text strong{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.mp-row.current .mp-row-text strong{color:#38bdf8;text-shadow:0 0 8px #38bdf866}.mp-row-text small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:flex;overflow:hidden}.mp-row-time{color:#64748b;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.mp-row.current .mp-row-time{color:#38bdf8}.mp-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:44px 18px;font-size:13px;line-height:1.5;display:flex}.mp-empty svg{color:#334155;filter:drop-shadow(0 0 10px #38bdf826)}.mp-list-foot{background:#070b1499;border-top:1px solid #1e293bcc;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex}.mp-list-foot small{color:#64748b;font-size:11px}button.danger{color:#f87171;background:#ef44441a;border-color:#ef444466}button.danger:hover{color:#fff;background:#ef444440;border-color:#ef4444;box-shadow:0 0 14px #ef444466}.mp-drop{border:2px dashed var(--neon-cyan);color:var(--neon-cyan);z-index:25;pointer-events:none;background:#060911eb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:0 0 35px #00f2fe59}.mp-drop svg{animation:1s infinite alternate bounce-eq}.mp-busy{border:1px solid var(--neon-cyan);color:#fff;z-index:110;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00f2fe66}.mp-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#02060dbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mp-modal{background:#0f172af2;border:1px solid #38bdf859;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:26px;display:flex;box-shadow:0 24px 60px #000c,0 0 30px #38bdf833}.mp-modal h2{color:#fff;font-size:17px}.mp-modal p{color:#cbd5e1;font-size:13.5px}.mp-toast{color:#fff;z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #38bdf866;border-radius:14px;max-width:90vw;padding:12px 22px;font-size:13px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009,0 0 20px #00f2fe40}.mp-toast.error{background:#7f1d1df2;border-color:#ef4444;box-shadow:0 0 25px #ef444466}@media (max-width:1100px){.mp{grid-template-columns:1fr}.mp-list{max-height:520px;position:static}}@media (max-width:767px){.mp-controls{justify-content:center}.mp-stage{height:230px}.mp-vol input[type=range]{width:80px}}.gd{flex-direction:column;gap:24px;display:flex}.gd section h2{color:#f8fafc;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;display:flex}.gd section h3{color:#38bdf8;margin:18px 0 8px;font-size:14.5px}.gd-lead{color:#94a3b8;margin-bottom:16px;font-size:13.5px;line-height:1.6}.gd-toc{z-index:10;border-color:#38bdf84d;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 20px;display:flex;position:sticky;top:16px;box-shadow:0 10px 30px #000000b3}.gd-toc strong{color:var(--neon-cyan);margin-right:6px;font-size:13px;font-weight:800}.gd-toc a{color:#cbd5e1;background:#1e293b80;border:1px solid #33415580;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;transition:all .2s}.gd-toc a:hover{border-color:var(--neon-cyan);color:#fff;background:#38bdf833;box-shadow:0 0 10px #00f2fe4d}.gd-steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.gd-step{background:#0e162899;border:1px solid #1e293bb3;border-radius:14px;align-items:flex-start;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.gd-step:hover{background:#131d33cc;border-color:#38bdf866}.gd-num{color:#060911;background:linear-gradient(135deg,#00f2fe 0%,#38bdf8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:flex;box-shadow:0 0 12px #00f2fe73}.gd-step strong{color:#fff;font-size:14.5px;display:block}.gd-step p{color:#cbd5e1;margin-top:4px;font-size:13px;line-height:1.5}.gd-tip{color:#bae6fd;background:#081930b3;border:1px solid #38bdf859;border-radius:14px;margin-top:18px;padding:14px 18px;font-size:13px;line-height:1.55;box-shadow:0 0 18px #38bdf826}.gd-list{color:#cbd5e1;flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:13.5px;display:flex}.gd-kbd{border:1px solid #475569cc;border-bottom:2px solid var(--neon-cyan);text-align:center;color:#38bdf8;background:#0f172ae6;border-radius:6px;min-width:24px;margin:0 2px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 2px 4px #0006}.gd-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.gd-cards article{background:#0e1628b3;border:1px solid #1e293bcc;border-radius:14px;padding:18px 20px;transition:all .25s}.gd-cards article:hover{background:#131d33e6;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 16px #38bdf826}.gd-cards h3{color:#38bdf8;margin:0 0 8px;font-size:14.5px}.gd-cards p{color:#94a3b8;font-size:13px;line-height:1.5}.gd code{color:var(--neon-cyan);overflow-wrap:anywhere;background:#1e293bcc;border:1px solid #47556980;border-radius:6px;padding:2px 7px;font-size:12px}.gd-table{background:#0b101db3;border:1px solid #1e293bcc;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.gd-table>div{border-bottom:1px solid #1e293b99;grid-template-columns:minmax(160px,1fr) 2.2fr;align-items:center;gap:14px;padding:12px 18px;font-size:13px;display:grid}.gd-table>div:last-child{border-bottom:0}.gd-table b{color:#f1f5f9;font-weight:700}.gd-table span{color:#94a3b8;line-height:1.5}.gd-faq{flex-direction:column;gap:10px;display:flex}.gd-faq details{background:#0b101dcc;border:1px solid #1e293bcc;border-radius:12px;padding:14px 18px;transition:all .2s}.gd-faq details[open]{background:#0e1628f2;border-color:#38bdf866;box-shadow:0 4px 16px #0006}.gd-faq summary{cursor:pointer;color:#e2e8f0;outline:none;font-size:13.5px;font-weight:700}.gd-faq summary:hover{color:var(--neon-cyan)}.gd-faq p{color:#94a3b8;margin-top:10px;padding-left:4px;font-size:13px;line-height:1.6}.visual-diagram-card{background:linear-gradient(135deg,#10182cd9 0%,#090e1af2 100%);border:1px solid #38bdf840;border-radius:16px;margin-bottom:16px;padding:22px;box-shadow:inset 0 1px 1px #ffffff0d}.visual-diagram-title{color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.pipeline-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.pipeline-step{text-align:center;background:#070b14cc;border:1px solid #1e293be6;border-radius:12px;flex-direction:column;align-items:center;padding:16px 14px;transition:all .2s;display:flex}.pipeline-step:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 6px 18px #0006,0 0 12px #00f2fe33}.pipeline-badge{color:#060911;background:linear-gradient(135deg,#00f2fe 0%,#38bdf8 100%);border-radius:9999px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:800}.pipeline-icon{margin-bottom:6px;font-size:24px}.pipeline-name{color:#fff;margin-bottom:4px;font-size:13px;font-weight:700}.pipeline-desc{color:#94a3b8;font-size:11px;line-height:1.4}.audio-chip-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.audio-chip{color:#38bdf8;background:#1e293bb3;border:1px solid #38bdf84d;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}@media (max-width:767px){.gd-table>div{grid-template-columns:1fr}.gd-toc{position:static}.pipeline-grid{grid-template-columns:1fr}}.mp-tag-tools{border-bottom:1px solid #38bdf826;flex-wrap:wrap;align-items:end;gap:8px;padding:12px 14px;display:flex}.mp-tag-tools label{color:#cbd5e1;gap:5px;min-width:0;font-size:12px;display:grid}.mp-tag-tools select{max-width:100%;min-height:36px}.mp-tag-tools button{min-height:36px}.mp-tag-tools small{color:#94a3b8;overflow-wrap:anywhere;flex-basis:100%;line-height:1.6}@media (max-width:767px){.app-shell{display:block}.desktop-sidebar{display:none}.mobile-sidebar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b14f2;border-bottom:1px solid #1e293bd9;display:block;position:sticky;top:0}.mobile-header{color:#fff;justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;display:flex}.mobile-header button{color:#cbd5e1;box-shadow:none;background:0 0;border:0;padding:4px}.mobile-menu{background:#060911;flex-direction:column;max-height:calc(100dvh - 60px);display:flex;overflow:auto}.mobile-menu .sidebar-brand{padding:16px}.mobile-menu .sidebar-nav{overflow:visible}.workspace-content{padding:20px 14px}.card{padding:18px}}.mp-space{flex-direction:column;gap:6px;padding:0 18px;display:flex}.mp-space:empty{display:none}.mp-space-bar{background:#1e293be6;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.mp-space-bar span{background:linear-gradient(90deg,#06b6d4,#8b5cf6);height:100%;display:block}.mp-space-bar span.warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.mp-space-warn{color:#fbbf24;margin:0;font-size:12px;line-height:1.5}.mp-space-big{background:#070b1499;border:1px solid #1e293be6;border-radius:12px;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;display:flex}.mp-space-big>p{color:#94a3b8;margin:0;font-size:12px}.mp-space-big label{color:#e2e8f0;cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:13px;display:flex}.mp-space-big label span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mp-space-big label small{color:#64748b;flex-shrink:0;font-size:11px}.mp-space-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}