:root{color:#ece8df;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0e0e0d;--panel:#151513;--panel-raised:#1b1a18;--line:#2d2b27;--line-strong:#454139;--text:#ece8df;--muted:#99958d;--quiet:#6e6a63;--amber:#e7a93f;--amber-soft:#f2c46f;--amber-deep:#8f5f1e;--green:#8fc49c;--red:#d77f72;--suno:#78b9d6;--radius:14px;background:#0e0e0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ink)}body{background-color:var(--ink);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--amber-soft);outline-offset:2px}::selection{color:var(--ink);background:var(--amber-soft)}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0df0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px;padding:0 clamp(20px,3vw,48px);display:grid;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:fit-content;padding:0;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--ink);background:var(--amber);border-radius:10px 10px 10px 3px;place-items:center;display:grid;box-shadow:0 8px 28px #e7a93f29}.brand>span:last-child{flex-direction:column;gap:1px;display:flex}.brand strong{letter-spacing:.02em;font-size:13px;line-height:1}.brand em{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-style:normal}.primary-nav{border:1px solid var(--line);background:#11110f;border-radius:11px;align-items:center;height:40px;padding:4px;display:inline-flex}.primary-nav button{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.primary-nav button.is-active{color:var(--text);background:var(--panel-raised);box-shadow:inset 0 1px #ffffff0a}.primary-nav button span{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:10px}.model-state{color:var(--text);grid-template-columns:auto auto;justify-self:end;align-items:center;column-gap:8px;font-size:11px;font-weight:650;display:grid}.model-state small{color:var(--quiet);letter-spacing:.07em;grid-column:2;font-size:9px;font-weight:550}.state-dot{background:var(--quiet);border-radius:50%;grid-row:1/span 2;width:7px;height:7px;box-shadow:0 0 0 4px #6e6a6314}.state-dot--ready{background:var(--green);box-shadow:0 0 0 4px #8fc49c17}.state-dot--sleeping,.state-dot--loading,.state-dot--standby{background:var(--amber);box-shadow:0 0 0 4px #e7a93f17}.state-dot--needs-key{background:var(--red);box-shadow:0 0 0 4px #d77f7217}.error-banner{z-index:18;color:#ffd8d1;background:#49231e;border-bottom:1px solid #71352d;align-items:center;gap:9px;padding:10px clamp(20px,3vw,48px);font-size:12px;display:flex;position:sticky;top:72px}.error-banner button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}.studio-grid{grid-template-columns:minmax(0,1fr) 430px;max-width:1540px;min-height:calc(100vh - 72px);margin:0 auto;display:grid}.composer{border-right:1px solid var(--line);min-width:0;padding:clamp(34px,5vw,72px) clamp(24px,5vw,74px) 130px;container:composer/inline-size}.result-rail{background:#121210b8;min-width:0;padding:30px}.section-kicker{color:var(--amber-soft);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:750;display:inline-flex}.composer-heading{justify-content:space-between;align-items:end;gap:24px;margin:12px 0 40px;display:flex}.composer-heading h1,.library-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);font-weight:620;line-height:1}.composer-heading p,.library-heading p{color:var(--muted);margin:10px 0 0;font-size:14px}.clear-draft{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#11110f;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.clear-draft:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:var(--panel-raised)}.clear-draft:disabled{opacity:.38;cursor:not-allowed}.mode-switch{border:1px solid var(--line);background:#11110f;border-radius:10px;flex-shrink:0;padding:4px;display:flex}.mode-switch button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.mode-switch button.is-active{color:var(--ink);background:var(--text)}.form-stack{gap:26px;min-width:0;display:grid}.form-stack>*{min-width:0;max-width:100%}.provider-picker{border-radius:var(--radius);background:linear-gradient(110deg, #1a1711, var(--panel));border:1px solid #413827;grid-template-columns:minmax(240px,.9fr) minmax(220px,1.1fr);align-items:end;gap:18px;padding:16px;display:grid}.provider-picker--suno{background:linear-gradient(110deg, #101a1e, var(--panel));border-color:#294553}.provider-picker label{color:#c9c5bd;gap:8px;font-size:11px;font-weight:700;display:grid}.provider-picker select,.suno-controls select{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--text);cursor:pointer;background:#11110f;border-radius:9px;padding:0 38px 0 12px}.provider-picker--suno select,.suno-controls select{background:#10171a;border-color:#355968}.provider-picker>div{gap:5px;min-width:0;padding-bottom:3px;display:grid}.provider-picker>div strong{color:var(--text);font-size:11px}.provider-picker>div small{color:var(--quiet);font-size:9px;line-height:1.5}.preset-workbench{border-radius:var(--radius);background:#121210;border:1px solid #39352d;overflow:hidden}.preset-workbench__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:0 14px;display:flex}.preset-workbench__heading>div{align-items:baseline;gap:9px;display:flex}.preset-workbench__heading span{color:#d5d0c6;letter-spacing:.03em;font-size:11px;font-weight:750}.preset-workbench__heading small{color:var(--quiet);font-size:9px}.preset-workbench__heading button,.preset-workbench__actions button,.preset-save-form button{border:1px solid var(--line);color:#bdb8ae;cursor:pointer;background:#0e0e0d;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.preset-workbench button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#1b1a17}.preset-workbench button:disabled{opacity:.42;cursor:not-allowed}.preset-workbench__picker{grid-template-columns:minmax(240px,1.15fr) minmax(190px,.85fr);align-items:end;gap:14px;padding:14px;display:grid}.preset-workbench label{gap:7px;min-width:0;display:grid}.preset-workbench label>span{color:#aaa59c;letter-spacing:.04em;font-size:9px;font-weight:700}.preset-workbench select,.preset-workbench input,.preset-workbench textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0e0e0d;border-radius:8px}.preset-workbench select{cursor:pointer;height:39px;padding:0 36px 0 11px}.preset-workbench input{height:36px;padding:0 10px;font-size:10px}.preset-workbench textarea{resize:vertical;min-height:58px;padding:9px 10px;font-size:11px;line-height:1.45}.preset-provenance{align-content:center;gap:4px;min-width:0;min-height:39px;padding:0 2px;display:grid}.preset-provenance strong{color:#c7c2b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.preset-provenance span{color:var(--quiet);font-size:8px}.preset-provenance--official strong{color:var(--amber-soft)}.preset-workbench__adapt{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:0 14px 14px;display:grid}.preset-workbench__actions{gap:6px;padding-bottom:1px;display:flex}.preset-workbench__actions .preset-adapt-button,.preset-save-form .preset-save-button{color:#21180c;background:var(--amber);border-color:#6d4b1b}.preset-workbench__actions .preset-adapt-button:hover:not(:disabled),.preset-save-form .preset-save-button:hover:not(:disabled){color:#21180c;background:var(--amber-soft);border-color:#ffc760}.preset-workbench__actions .preset-delete-button{color:#c99890}.preset-workbench__actions .preset-delete-button.is-armed{border-color:var(--red);color:#1a0d0b;background:var(--red)}.preset-save-form{border-top:1px solid var(--line);background:#161510;grid-template-columns:minmax(180px,1fr) minmax(120px,.55fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.preset-save-form>div{gap:6px;display:flex}.field{gap:9px;min-width:0;display:grid}.field>span,.field-label-row>span,.compact-field>span{color:#c9c5bd;letter-spacing:.03em;font-size:11px;font-weight:700}.field small,.field-label-row small,.compact-field small{color:var(--quiet);font-size:10px;font-weight:550}.prompt-field-heading{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.prompt-field-heading label{color:#c9c5bd;letter-spacing:.03em;font-size:11px;font-weight:700}.prompt-field-heading button{height:32px;color:var(--amber-soft);cursor:pointer;background:#18140e;border:1px solid #4b3b21;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.prompt-field-heading button:hover:not(:disabled){border-color:var(--amber-deep);background:#211a10}.prompt-field-heading button:disabled{opacity:.45;cursor:not-allowed}.formatting-status{align-items:center;gap:5px;width:fit-content;display:inline-flex;color:var(--green)!important}.field-limit{font-variant-numeric:tabular-nums;justify-self:end;color:var(--quiet)!important}.field-limit--error{color:var(--red)!important}.field input,.field textarea,.lyrics-editor,.caption-block>textarea,.compact-field input,.library-heading input{border:1px solid var(--line);width:100%;color:var(--text);background:#121210;border-radius:10px;transition:border-color .14s,background .14s,box-shadow .14s}.field input,.compact-field>input,.library-heading input{height:42px;padding:0 12px}.field textarea,.lyrics-editor,.caption-block>textarea{resize:vertical;padding:13px 14px;line-height:1.62}.field textarea,.lyrics-editor{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;max-width:100%;overflow-x:hidden}.field input:hover,.field textarea:hover,.lyrics-editor:hover,.caption-block>textarea:hover,.compact-field input:hover{border-color:var(--line-strong)}.field input:focus,.field textarea:focus,.lyrics-editor:focus,.caption-block>textarea:focus,.compact-field input:focus{border-color:var(--amber-deep);background:#151410;outline:none;box-shadow:0 0 0 3px #e7a93f0f}.field--title input{max-width:420px;font-weight:650}.field--hero textarea{letter-spacing:-.01em;background:#16140f;border-color:#403a30;min-height:118px;font-size:17px;line-height:1.55}.studio-controls{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.studio-controls__heading{border-bottom:1px solid var(--line);color:var(--quiet);justify-content:space-between;gap:18px;padding:14px 16px;font-size:10px;display:flex}.studio-controls__heading>div{color:#d3cfc7;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.control-grid{grid-template-columns:1fr 120px 160px;gap:18px;padding:18px;display:grid}.control-grid .field--wide{grid-column:1/-1}.control-grid .field{gap:7px}.control-grid textarea{min-height:68px}.lyrics-block,.caption-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.field-label-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:47px;padding:0 15px;display:flex}.field-label-row>div{align-items:center;gap:12px;display:flex}.field-label-row button{border:1px solid var(--line);color:#c9c5bd;cursor:pointer;background:#11110f;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:inline-flex}.tag-rail{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.tag-rail button{height:26px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #35322d;border-radius:6px;flex:none;align-items:center;gap:4px;padding:0 8px;font-size:9px;display:inline-flex}.tag-rail button:hover{color:var(--text);border-color:var(--amber-deep);background:#e7a93f0a}.lyrics-editor,.caption-block>textarea{background:0 0;border:0;border-radius:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:block}.lyrics-editor:focus,.caption-block>textarea:focus{box-shadow:inset 0 0 0 1px var(--amber-deep);background:#151410}.caption-block>textarea{color:#ccc8bf}.lyrics-limit{border-top:1px solid var(--line);color:var(--quiet);text-align:right;font-variant-numeric:tabular-nums;padding:8px 12px;font-size:9px}.lyrics-limit--error{color:var(--red)}.generation-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(72px,.45fr) minmax(84px,.5fr);gap:12px;width:100%;min-width:0;padding:16px;display:grid;overflow:hidden}.compact-field{gap:10px;min-width:0;display:grid}.generation-strip .compact-field{align-content:start}.generation-strip .compact-field>span{grid-template-rows:12px 10px;align-content:start;gap:2px;min-height:26px;line-height:1;display:grid}.generation-strip .compact-field>span small{letter-spacing:-.01em;white-space:nowrap;font-size:8px;line-height:10px;display:block;overflow:visible}.duration-mode{border:1px solid var(--line);background:#10100e;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.duration-mode button{min-width:0;height:29px;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:750}.duration-mode button:hover{color:var(--text);background:#1b1915}.duration-mode button.is-active{color:#21180c;background:var(--amber);box-shadow:0 2px 9px #e7a93f1f}.duration-summary{justify-content:space-between;align-items:baseline;gap:10px;min-height:20px;display:flex}.duration-summary strong{color:var(--amber-soft);font-variant-numeric:tabular-nums;font-size:11px}.duration-summary small{color:var(--quiet);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.duration-control{grid-template-columns:1fr 48px;align-items:center;gap:12px;display:grid}.duration-control input[type=range]{width:100%;accent-color:var(--amber)}.duration-control output{color:var(--amber-soft);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.seed-row{flex-wrap:wrap;gap:5px;display:flex}.seed-row button{border:1px solid var(--line);height:35px;color:var(--quiet);cursor:pointer;background:#11110f;border-radius:7px;padding:0 10px;font-size:10px;font-weight:700}.seed-row button.is-active{color:var(--text);border-color:var(--line-strong);background:#26231e}.seed-row input{width:132px;height:35px;padding:0 9px;font-size:11px}.steps-field input,.guidance-field input{max-width:90px}@container composer (width<=520px){.generation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-field input,.guidance-field input{max-width:none}}.suno-controls{border-radius:var(--radius);background:#11191c;border:1px solid #294553;grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr);gap:18px;padding:16px;display:grid}.suno-controls__note{align-content:center;gap:5px;display:grid}.suno-controls__note strong{color:#dcebf1;font-size:11px}.suno-controls__note span{color:#78909a;font-size:9px;line-height:1.55}.inline-limit-error{color:var(--red);align-items:center;gap:7px;margin-top:-12px;font-size:10px;display:flex}.generate-dock{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171612f5;border:1px solid #3b362d;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:11px 12px 11px 18px;display:flex;position:sticky;bottom:18px;box-shadow:0 18px 50px #0000006b}.generate-dock>div{flex-direction:column;gap:3px;display:flex}.generate-dock>div span{font-size:11px;font-weight:700}.generate-dock>div small{color:var(--quiet);font-size:9px}.generate-button{color:#20170b;background:var(--amber);cursor:pointer;border:1px solid #ffc760;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:184px;height:44px;padding:0 16px;font-size:11px;font-weight:800;transition:transform .14s,background .14s;display:inline-flex;box-shadow:0 8px 24px #e7a93f24}.generate-button:hover:not(:disabled){background:var(--amber-soft);transform:translateY(-1px)}.generate-button:disabled{opacity:.48;cursor:not-allowed}.result-rail__header{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;font-weight:700;display:flex}.result-rail__header button{color:var(--muted);text-transform:none;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.result-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000038}.cover-art{aspect-ratio:1.42;background-color:#231d13;place-items:center;display:grid;position:relative;overflow:hidden}.cover-art:before{content:"";background:linear-gradient(135deg,#0000 0 38%,#e7a93f1f 38% 39%,#0000 39% 61%,#e7a93f12 61% 62%,#0000 62%);position:absolute;inset:0}.cover-grid{opacity:.26;transform-origin:bottom;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;transform:perspective(400px)rotateX(54deg)scale(1.5)translateY(30%)}.cover-art--failed,.cover-art--interrupted{background-color:#241817}.cover-art--suno{background-color:#13232a}.cover-art--suno:before{background:linear-gradient(135deg,#0000 0 38%,#78b9d621 38% 39%,#0000 39% 61%,#78b9d614 61% 62%,#0000 62%)}.cover-art--suno .waveform i{background:#a8d6e8;box-shadow:0 0 12px #78b9d624}.cover-seed{color:#ffffff75;letter-spacing:.14em;font-family:monospace;font-size:8px;position:absolute;bottom:11px;right:13px}.cover-progress{background:var(--amber);width:38%;height:2px;animation:2.2s ease-in-out infinite progress;position:absolute;bottom:0;left:0}.waveform{justify-content:center;align-items:center;gap:5px;width:72%;height:42%;display:flex;position:relative}.waveform i{background:var(--amber-soft);opacity:.88;border-radius:2px;width:3px;min-height:8%;box-shadow:0 0 12px #e7a93f1f}.cover-art--queued .waveform i,.cover-art--waking .waveform i,.cover-art--loading .waveform i,.cover-art--generating .waveform i{animation:1.1s ease-in-out infinite alternate pulse-wave}.waveform--compact{gap:2px;width:86px;height:27px}.waveform--compact i{width:2px;animation:.9s ease-in-out infinite alternate pulse-wave}.result-meta{padding:18px 18px 15px}.result-meta>div{justify-content:space-between;align-items:center;display:flex}.date-stamp{color:var(--quiet);font-size:9px}.result-meta h2{letter-spacing:-.025em;margin:14px 0 8px;font-size:21px;line-height:1.15}.result-meta p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.status-pill{width:fit-content;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:750;display:inline-flex}.status-pill--complete{color:var(--green)}.status-pill--failed,.status-pill--interrupted{color:var(--red)}.status-pill--queued svg,.status-pill--waking svg,.status-pill--loading svg,.status-pill--generating svg{animation:1.7s linear infinite spin}.audio-panel{padding:0 18px 17px}.audio-panel audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:38px}.audio-facts{color:var(--quiet);letter-spacing:.05em;text-transform:uppercase;gap:12px;margin-top:8px;font-size:8px;font-weight:700;display:flex}.audio-facts span{align-items:center;gap:4px;display:inline-flex}.audio-facts a{color:#a8d6e8;align-items:center;gap:4px;margin-left:auto;text-decoration:none;display:inline-flex}.variation-list{gap:10px;padding:0 18px 18px;display:grid}.variation{background:#10191d;border:1px solid #294553;border-radius:10px;gap:9px;padding:12px;display:grid}.variation>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.variation>div:first-child span{color:var(--suno);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:8px;font-weight:750}.variation>div:first-child strong{color:#d9e7ec;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.variation audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:38px}.generation-progress{background:#1c1913;border:1px solid #3b362d;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;margin:0 18px 17px;padding:12px;display:grid}.generation-progress .waveform{grid-row:1/span 2}.generation-progress strong{font-size:10px}.generation-progress>span{color:var(--quiet);font-size:9px}.generation-progress__track{background:#2c2923;border-radius:999px;grid-column:1/-1;height:4px;margin-top:8px;overflow:hidden}.generation-progress__track i{border-radius:inherit;background:var(--amber);height:100%;transition:width 1s linear;display:block;box-shadow:0 0 12px #e7a93f3d}.failed-panel{color:var(--red);background:#241817;border:1px solid #58312b;border-radius:10px;gap:10px;margin:0 18px 17px;padding:12px;display:flex}.failed-panel div{gap:3px;display:grid}.failed-panel strong{font-size:10px}.failed-panel span{color:#b58e87;font-size:9px;line-height:1.45}.result-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:13px 18px;display:flex}.result-actions a,.result-actions button,.history-actions button{border:1px solid var(--line);color:#bbb7af;cursor:pointer;background:#11110f;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.result-actions a{color:var(--ink);border-color:var(--amber);background:var(--amber)}.result-actions button:disabled{opacity:.4;cursor:not-allowed}.generation-details{border-top:1px solid var(--line)}.generation-details summary{color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:13px 18px;font-size:10px;font-weight:650;list-style:none;display:flex}.generation-details[open] summary svg{transform:rotate(90deg)}.generation-details dl{grid-template-columns:1fr 1fr;margin:0;padding:0 18px 14px;display:grid}.generation-details dl div{border-bottom:1px solid #24231f;gap:3px;padding:8px 0;display:grid}.generation-details dt{color:var(--quiet);text-transform:uppercase;font-size:8px}.generation-details dd{color:#c9c5bd;word-break:break-word;margin:0;font-size:10px}.generation-details h3{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:12px 18px 5px;font-size:8px}.generation-details pre{white-space:pre-wrap;color:#aaa69f;max-height:190px;margin:0;padding:6px 18px 16px;font:9px/1.55 SFMono-Regular,Consolas,monospace;overflow:auto}.empty-result{border:1px dashed var(--line-strong);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:36px;display:flex}.record-ghost{border:1px solid #3c3933;border-radius:50%;place-items:center;width:112px;height:112px;margin-bottom:24px;display:grid;position:relative}.record-ghost:before,.record-ghost:after{content:"";border:1px solid #292824;border-radius:50%;position:absolute}.record-ghost:before{inset:14px}.record-ghost:after{inset:31px}.record-ghost div{background:var(--amber);border-radius:50%;width:18px;height:18px}.record-ghost span{background:var(--line-strong);transform-origin:0;width:38px;height:3px;position:absolute;bottom:5px;right:-10px;transform:rotate(-28deg)}.empty-result h2{max-width:240px;margin:0 0 10px;font-size:17px}.empty-result p{max-width:260px;color:var(--quiet);margin:0;font-size:10px;line-height:1.6}.truth-note{border-top:1px solid var(--line);margin-top:18px;padding:14px 2px}.truth-note span{color:var(--amber-soft);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:750}.truth-note p{color:var(--quiet);margin:7px 0 0;font-size:9px;line-height:1.55}.library-view{max-width:1400px;margin:0 auto;padding:clamp(38px,6vw,82px) clamp(22px,4vw,52px)}.library-heading{justify-content:space-between;align-items:end;gap:34px;margin-bottom:38px;display:flex}.library-heading h1{margin-top:12px}.library-heading label{gap:7px;width:min(320px,100%);display:grid}.library-heading label span{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.library-heading input{padding:0 13px}.history-list{gap:8px;display:grid}.history-row{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;grid-template-columns:44px minmax(260px,1fr) 76px 110px 130px auto;align-items:center;gap:18px;padding:13px 15px;transition:border-color .14s,transform .14s;display:grid}.history-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.history-row--suno{background:linear-gradient(90deg,#4a895929,#4a89590b);border-color:#8fc49c57}.history-row--suno:hover{border-color:#8fc49c9e}.history-play{width:38px;height:38px;color:var(--amber);cursor:pointer;background:#211b12;border:1px solid #443c30;border-radius:9px;place-items:center;display:grid}.history-play:hover:not(:disabled){border-color:var(--amber);background:#2b2113}.history-play.is-selected{border-color:var(--amber);box-shadow:0 0 0 2px #e7a93f1a}.history-play:disabled{color:var(--quiet);border-color:var(--line);cursor:not-allowed;background:#161613}.history-engine-cover{border:1px solid var(--line);border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.history-engine-cover--suno{color:#a6d9b2;background:linear-gradient(145deg,#244c30,#122019);border-color:#a6d9b238}.history-main{min-width:0}.history-main>div{align-items:center;gap:10px;display:flex}.history-main h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.history-title{align-items:center;gap:5px;min-width:0;display:flex}.history-title h2{min-width:0}.history-title button,.history-title-editor button{width:25px;height:25px;color:var(--quiet);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.history-title button:hover,.history-title-editor button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text);background:#1b1a17}.history-title-editor{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.history-title-editor input{border:1px solid var(--amber);width:min(330px,100%);min-width:120px;height:30px;color:var(--text);font:inherit;background:#11110f;border-radius:6px;outline:none;padding:0 8px}.history-title-editor input:focus{box-shadow:0 0 0 3px #e7a93f1f}.history-title-editor button[type=submit]{color:var(--green)}.history-title-editor button:disabled{opacity:.45;cursor:wait}.history-main p{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:9px;overflow:hidden}.history-main>.history-variations{gap:5px;max-width:470px;margin-top:10px;display:grid}.history-variations button{color:#b9d9c0;cursor:pointer;background:#09180e8c;border:1px solid #8fc49c33;border-radius:7px;grid-template-columns:13px auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;height:29px;padding:0 9px;display:grid}.history-variations button:hover,.history-variations button.is-playing{background:#1b42259e;border-color:#8fc49c8f}.history-variations button span{letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:750}.history-variations button strong{color:#d4e3d7;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.history-variations button time{color:#86aa8e;font-variant-numeric:tabular-nums;font-size:8px}.history-stat{gap:4px;display:grid}.history-stat span{color:var(--quiet);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.history-stat strong{color:#beb9b1;font-variant-numeric:tabular-nums;font-size:10px;font-weight:650}.history-actions{justify-content:end;gap:6px;display:flex}.history-actions button{background:0 0}.history-actions button:disabled{opacity:.42;cursor:not-allowed}.history-actions .history-delete{color:var(--red)}.history-actions .history-delete:hover:not(:disabled){background:#241615;border-color:#d77f7273}.library-empty{border:1px dashed var(--line-strong);min-height:360px;color:var(--quiet);text-align:center;border-radius:16px;align-content:center;place-items:center;gap:8px;display:grid}.library-empty h2{color:var(--text);margin:8px 0 0;font-size:16px}.library-empty p{margin:0;font-size:10px}.delete-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050504c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.delete-dialog{background:#171311;border:1px solid #56322e;border-radius:14px;grid-template-columns:44px minmax(0,1fr);gap:16px;width:min(460px,100%);max-height:calc(100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 70px #0000008c}.delete-dialog__icon{width:44px;height:44px;color:var(--red);background:#d77f7217;border:1px solid #d77f724d;border-radius:11px;place-items:center;display:grid}.delete-dialog h2{margin:7px 0 8px;font-size:18px;line-height:1.25}.delete-dialog p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.delete-dialog__actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.delete-dialog__actions button{border:1px solid var(--line-strong);min-height:36px;color:var(--text);cursor:pointer;background:#11110f;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:750;display:inline-flex}.delete-dialog__actions button:disabled{opacity:.55;cursor:wait}.delete-dialog__actions .delete-confirm{border-color:var(--red);color:#1a0d0b;background:var(--red)}.title-check-notice{background:#18150f;border:1px solid #6d4b1b;border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:18px;padding:14px;display:grid;box-shadow:0 10px 28px #0000002e}.title-check-notice__icon{width:38px;height:38px;color:var(--amber-soft);background:#e7a93f14;border:1px solid #e7a93f47;border-radius:9px;place-items:center;display:grid}.title-check-notice__body{gap:11px;min-width:0;display:grid}.title-check-notice h2{overflow-wrap:anywhere;margin:5px 0 4px;font-size:14px;line-height:1.3}.title-check-notice p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.title-check-notice__actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.title-check-notice__actions button{border:1px solid var(--line-strong);min-height:34px;color:var(--text);cursor:pointer;background:#11110f;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:9px;font-weight:750;display:inline-flex}.title-check-notice__actions .title-check-confirm{color:#20170b;background:var(--amber);border-color:#ffc760}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-wave{0%{opacity:.48;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1.05)}}@keyframes progress{0%{transform:translate(-110%)}55%{transform:translate(180%)}to{transform:translate(380%)}}@media (width<=1120px){.studio-grid{grid-template-columns:minmax(0,1fr) 370px}.composer{padding-left:34px;padding-right:34px}.result-rail{padding:24px}.generation-strip{grid-template-columns:1fr 1fr}.steps-field,.guidance-field{grid-column:auto}.history-row{grid-template-columns:44px minmax(220px,1fr) 70px 100px auto}.history-stat--date{display:none}}@media (width<=860px){.topbar{grid-template-columns:1fr auto;height:64px}.primary-nav{z-index:30;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.model-state{font-size:0}.model-state small{display:none}.error-banner{top:64px}.studio-grid{display:block}.composer{border-right:0;padding:38px 24px 100px}.result-rail{border-top:1px solid var(--line);padding:26px 24px 100px}.result-card{max-width:520px}.control-grid{grid-template-columns:1fr 1fr}.control-grid .field:first-child{grid-column:1/-1}.history-row{grid-template-columns:44px minmax(0,1fr) auto}.history-stat{display:none}}@media (width<=600px){.topbar{padding:0 16px}.brand em{display:none}.composer{padding:30px 16px 96px}.composer-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.composer-heading h1,.library-heading h1{font-size:36px}.mode-switch{width:100%}.mode-switch button{flex:1;justify-content:center}.studio-controls__heading{flex-direction:column;align-items:flex-start}.control-grid{grid-template-columns:1fr;padding:14px}.control-grid .field,.control-grid .field:first-child,.control-grid .field--wide{grid-column:1}.field-label-row{flex-direction:column;align-items:flex-start;padding:12px}.field-label-row>div{justify-content:space-between;width:100%}.field-label-row>div small{max-width:180px}.prompt-field-heading{flex-direction:column;align-items:flex-start}.provider-picker,.suno-controls,.preset-workbench__picker,.preset-workbench__adapt,.preset-save-form{grid-template-columns:1fr}.preset-workbench__actions,.preset-save-form>div{width:100%}.preset-workbench__actions button,.preset-save-form button{flex:1}.generation-strip{grid-template-columns:1fr;gap:18px}.steps-field,.guidance-field{grid-column:auto}.seed-row{flex-wrap:wrap}.generate-dock{flex-direction:column;align-items:stretch;margin-left:-5px;margin-right:-5px;padding:13px;bottom:68px}.generate-button{width:100%}.result-rail{padding:24px 16px 94px}.library-view{padding:34px 16px 100px}.library-heading{flex-direction:column;align-items:flex-start}.library-heading label{width:100%}.history-row{grid-template-columns:38px minmax(0,1fr);gap:11px}.history-play{width:34px;height:34px}.history-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:stretch}.history-actions button{flex:calc(50% - 3px)}.history-actions .history-delete{flex-basis:100%}.delete-dialog{grid-template-columns:38px minmax(0,1fr);padding:18px}.delete-dialog__icon{width:38px;height:38px}.delete-dialog__actions{flex-direction:column-reverse}.delete-dialog__actions button{width:100%}.title-check-notice{grid-template-columns:34px minmax(0,1fr);padding:12px}.title-check-notice__icon{width:34px;height:34px}.title-check-notice__actions{flex-direction:column}.title-check-notice__actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh}.app-main{min-width:0;min-height:100vh;margin-left:224px}.studio-sidebar{z-index:40;border-right:1px solid var(--line);background:#0b0b0c;flex-direction:column;gap:22px;width:224px;padding:24px 18px 116px;display:flex;position:fixed;inset:0 auto 0 0}.studio-sidebar .brand{min-height:48px;padding:0 5px}.sidebar-label{color:var(--quiet);letter-spacing:.14em;text-transform:uppercase;padding:4px 12px 0;font-size:9px;font-weight:750}.studio-sidebar .primary-nav{background:0 0;border:0;border-radius:0;gap:5px;height:auto;padding:0;display:grid}.studio-sidebar .primary-nav button{border-radius:10px;justify-content:flex-start;width:100%;height:44px;padding:0 12px}.studio-sidebar .primary-nav button.is-active{color:var(--text);background:var(--panel-raised)}.studio-sidebar .primary-nav button span{text-align:center;background:#242320;border-radius:999px;min-width:24px;margin-left:auto;padding:3px 6px}.sidebar-spacer{flex:1}.engine-card{border:1px solid var(--line);color:var(--amber-soft);background:#12110e;border-radius:13px;align-items:flex-start;gap:10px;padding:14px;display:flex}.engine-card div{gap:5px;min-width:0;display:grid}.engine-card span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.engine-card small{color:var(--quiet);text-transform:capitalize;align-items:center;gap:7px;font-size:8px;line-height:1.4;display:flex}.engine-card .state-dot{flex:none;display:inline-block}.topbar{grid-template-columns:none;justify-content:space-between;height:64px;padding:0 26px;display:flex}.workspace-title{min-width:0;color:var(--text);align-items:center;gap:9px;font-size:11px;display:flex}.workspace-title svg,.workspace-title span,.workspace-title b{color:var(--quiet)}.workspace-title b{font-weight:500}.model-state{justify-self:auto}.error-banner{top:64px}.studio-grid{grid-template-columns:minmax(470px,43%) minmax(430px,1fr);max-width:none;min-height:calc(100vh - 64px);margin:0}.composer{padding:38px clamp(26px,3vw,48px) 150px}.composer-heading{align-items:flex-start;margin-bottom:32px}.composer-heading h1{font-size:clamp(34px,3.5vw,50px)}.result-rail{padding:30px clamp(24px,3vw,44px) 154px}.result-card{max-width:620px}.recent-takes{gap:7px;max-width:620px;margin-top:26px;display:grid}.recent-takes__heading{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;font-weight:750;display:flex}.recent-takes__heading small{color:var(--quiet);letter-spacing:0;text-transform:none;font-size:8px;font-weight:600}.recent-takes>button{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.recent-takes>button:hover,.recent-takes>button.is-active{border-color:var(--line);background:var(--panel)}.recent-takes>button.recent-take--suno{background:linear-gradient(90deg,#4a895929,#4a89590b);border-color:#8fc49c4d}.recent-takes>button.recent-take--suno:hover,.recent-takes>button.recent-take--suno.is-active{background:linear-gradient(90deg,#4a89593b,#4a895913);border-color:#8fc49c94}.recent-takes>button>span:nth-child(2){gap:4px;min-width:0;display:grid}.recent-takes>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.recent-takes>button small{color:var(--quiet);font-size:8px}.recent-cover{width:38px;height:38px;color:var(--amber-soft);background:linear-gradient(145deg,#3c2a13,#17150f);border-radius:8px;place-items:center;display:grid}.recent-cover--failed,.recent-cover--interrupted{color:var(--red);background:#291817}.recent-cover--suno{color:#a6d9b2;background:linear-gradient(145deg,#244c30,#122019);box-shadow:inset 0 0 0 1px #a6d9b224}.recent-engine{color:var(--green);letter-spacing:.04em;text-transform:uppercase;font-weight:750}.recent-takes .status-pill{padding:4px 6px;font-size:7px}.studio-player{z-index:35;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131312f5;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) minmax(190px,1fr);align-items:center;gap:24px;min-height:96px;padding:12px 26px;display:grid;position:fixed;bottom:0;left:224px;right:0;box-shadow:0 -14px 40px #00000047}.player-now{align-items:center;gap:12px;min-width:0;display:flex}.player-cover{width:50px;height:50px;color:var(--amber-soft);background:radial-gradient(circle at 28% 20%,#684a1d,#0000 42%),#211a10;border:1px solid #4b3b21;border-radius:10px;flex:none;place-items:center;display:grid}.player-now>div{gap:4px;min-width:0;display:grid}.player-now strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-now small{color:var(--quiet);font-size:9px}.player-audio{min-width:0}.player-audio audio{width:100%;height:42px;display:block}.player-idle{color:var(--quiet);justify-content:center;align-items:center;gap:16px;font-size:9px;display:flex}.player-idle .waveform{width:100px;height:30px}.player-facts{justify-content:flex-end;gap:24px;display:flex}.player-facts span{color:var(--quiet);letter-spacing:.06em;text-transform:uppercase;gap:3px;font-size:8px;display:grid}.player-facts strong{color:#c7c2b8;letter-spacing:0;text-transform:none;font-size:9px;font-weight:650}@media (width<=1120px){.app-main{margin-left:82px}.studio-sidebar{align-items:center;width:82px;padding-inline:12px}.studio-sidebar .brand>span:last-child,.sidebar-label,.engine-card div{display:none}.studio-sidebar .brand{padding:0}.studio-sidebar .primary-nav button{justify-content:center;width:48px;padding:0}.studio-sidebar .primary-nav button span{display:none}.engine-card{padding:13px}.studio-player{left:82px}.studio-grid{grid-template-columns:minmax(440px,1fr) 390px}}@media (width<=860px){.app-main{margin-left:0;padding-bottom:148px}.studio-sidebar{border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:center;width:auto;height:64px;padding:8px 14px;inset:auto 0 0}.studio-sidebar .brand,.sidebar-label,.sidebar-spacer,.engine-card{display:none}.studio-sidebar .primary-nav{gap:8px;display:flex}.studio-sidebar .primary-nav button{justify-content:center;width:auto;min-width:112px;padding:0 16px}.studio-sidebar .primary-nav button span{margin-left:0;display:inline}.topbar{height:58px;padding:0 16px;position:sticky}.model-state small{display:none}.studio-grid{min-height:auto;display:block}.composer{border-right:0;padding:34px 24px 180px}.result-rail{border-top:1px solid var(--line);padding:28px 24px 180px}.result-card,.recent-takes{max-width:620px;margin-left:auto;margin-right:auto}.generate-dock{bottom:146px}.studio-player{grid-template-columns:minmax(0,1fr) minmax(240px,1.4fr);min-height:82px;padding:10px 16px;bottom:64px;left:0;right:0}.player-cover{width:42px;height:42px}.player-facts{display:none}}@media (width<=600px){.workspace-title span,.workspace-title b{display:none}.workspace-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-state>span:not(.state-dot){display:none}.composer{padding:28px 16px 176px}.result-rail{padding:24px 16px 176px}.studio-player{grid-template-columns:minmax(120px,.8fr) minmax(170px,1.2fr);gap:10px}.player-cover{display:none}.player-now strong{max-width:130px}.player-idle .waveform{display:none}.recent-takes>button{grid-template-columns:38px minmax(0,1fr)}.recent-takes .status-pill{display:none}}.auth-screen{background-color:#0b0b0a;background-image:linear-gradient(#e7a93f09 1px,#0000 1px),linear-gradient(90deg,#e7a93f09 1px,#0000 1px),radial-gradient(circle at 50% -10%,#e7a93f21,#0000 38%);background-size:34px 34px,34px 34px,100% 100%;align-content:center;place-items:center;gap:34px;min-height:100vh;padding:52px 20px;display:grid;overflow:hidden}.auth-intro{text-align:center;justify-items:center;gap:10px;display:grid}.auth-logo{color:#21180c;background:var(--amber);border-radius:15px 15px 15px 5px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 46px #e7a93f2e}.auth-intro h1{letter-spacing:-.045em;color:#0000;background:linear-gradient(90deg,#e7a93f,#f5d798,#fff5db,#d58d2e,#e7a93f) 0 0/220%;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(29px,5vw,42px);line-height:1;animation:6s ease-in-out infinite alternate auth-shimmer}.auth-intro p{color:var(--muted);margin:0;font-size:12px}@keyframes auth-shimmer{0%{background-position:-200%}to{background-position:200%}}.auth-stack{isolation:isolate;width:min(460px,100vw - 40px);position:relative}.auth-stack__back{z-index:-1;background:#1b1a189e;border:1px solid #e7a93f1f;border-radius:19px;position:absolute}.auth-stack__back--deep{opacity:.46;inset:-16px}.auth-stack__back--middle{opacity:.72;inset:-8px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141412f7;border:1px solid #36322b;border-radius:18px;gap:24px;padding:34px;display:grid;box-shadow:0 32px 84px #0000008c}.auth-card h2{letter-spacing:-.035em;margin:7px 0 5px;font-size:24px}.auth-card>div>p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.auth-card form{gap:17px;display:grid}.auth-card label,.admin-modal label{color:#c9c5bd;letter-spacing:.035em;gap:7px;font-size:10px;font-weight:700;display:grid}.auth-card input,.admin-modal input,.admin-modal select{border:1px solid var(--line-strong);width:100%;height:44px;color:var(--text);background:#0f0f0d;border-radius:9px;outline:none;padding:0 12px}.auth-card input:focus,.admin-modal input:focus,.admin-modal select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e7a93f14}.auth-password{position:relative}.auth-password input{padding-right:44px}.auth-password button{width:42px;height:44px;color:var(--quiet);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-submit{color:#21180c;background:var(--amber);cursor:pointer;border:1px solid #ffc760;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:44px;margin-top:3px;font-size:11px;font-weight:800;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--amber-soft)}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-card footer{border-top:1px solid var(--line);color:var(--quiet);text-align:center;padding-top:17px;font-size:9px;line-height:1.6}.auth-error,.admin-form-error{color:#f1afa5;background:#62251f42;border:1px solid #d77f7257;border-radius:9px;padding:10px 12px;font-size:10px;line-height:1.5}.auth-loading{color:var(--amber-soft);justify-items:center;gap:14px;display:grid}.auth-loading p{color:var(--muted);margin:0;font-size:10px}.sidebar-account{border:1px solid var(--line);background:#11110f;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:10px;display:grid}.sidebar-account>span{color:#21180c;background:var(--amber);border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:grid}.sidebar-account>div{gap:3px;min-width:0;display:grid}.sidebar-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar-account small{color:var(--quiet);text-transform:capitalize;font-size:8px}.sidebar-account button{width:30px;height:30px;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.sidebar-account button:hover{color:var(--text);background:var(--panel-raised)}.admin-shell{background:radial-gradient(circle at 12% 0,#e7a93f12,#0000 30%),#0e0e0d;min-height:100vh}.admin-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0de6;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:14px clamp(20px,4vw,54px);display:flex}.admin-header>div:first-child{align-items:center;gap:13px;display:flex}.admin-header button,.admin-toolbar button,.admin-user-actions button,.admin-modal button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#11110f;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.admin-header>div:first-child>button{width:36px;height:36px}.admin-mark{color:#21180c;background:var(--amber);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.admin-header h1{letter-spacing:-.02em;margin:0;font-size:17px}.admin-header p{color:var(--quiet);margin:4px 0 0;font-size:9px}.admin-account{color:var(--quiet);align-items:center;gap:15px;font-size:9px;display:flex}.admin-account strong{color:var(--text)}.admin-account button{min-height:34px;padding:0 10px}.admin-content{gap:18px;width:min(1160px,100% - 40px);margin:0 auto;padding:44px 0 70px;display:grid}.admin-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-toolbar h2{letter-spacing:-.04em;margin:7px 0 0;font-size:30px}.admin-toolbar>div:last-child{gap:8px;display:flex}.admin-toolbar button{min-height:38px;padding:0 12px;font-size:9px;font-weight:750}.admin-toolbar .admin-primary,.admin-modal .admin-primary{color:#21180c;background:var(--amber);border-color:#ffc760}.admin-notice{border:1px solid;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:10px;display:flex}.admin-notice button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px}.admin-notice--success{color:#b8dfc1;background:#2e5e382e;border-color:#8fc49c4d}.admin-notice--error{color:#efaaa0;background:#62251f33;border-color:#d77f7252}.admin-users-card{border:1px solid var(--line);background:#151513e0;border-radius:16px;overflow:hidden;box-shadow:0 20px 54px #0003}.admin-stats{border-bottom:1px solid var(--line);background:#121210;grid-template-columns:repeat(3,1fr);display:grid}.admin-stats div{border-right:1px solid var(--line);justify-items:center;gap:5px;padding:19px;display:grid}.admin-stats div:last-child{border-right:0}.admin-stats strong{color:var(--amber-soft);font-variant-numeric:tabular-nums;font-size:23px}.admin-stats span{color:var(--quiet);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:750}.admin-loading{min-height:180px;color:var(--quiet);justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.admin-user-list{display:grid}.admin-user-row{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(220px,1fr) 110px 120px 150px;align-items:center;gap:14px;min-width:760px;padding:14px 18px;display:grid}.admin-user-row:last-child{border-bottom:0}.admin-user-row:hover{background:#ffffff04}.admin-avatar{color:#1a1309;background:var(--amber);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:850;display:grid}.admin-avatar--user{color:#d9eaf1;background:#315d70}.admin-user-name{gap:4px;min-width:0;display:grid}.admin-user-name strong,.admin-user-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-name strong{font-size:11px}.admin-user-name small,.admin-user-row time{color:var(--quiet);font-size:9px}.admin-role{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;width:fit-content;padding:4px 7px;font-size:7px;font-weight:800}.admin-role--admin{color:var(--amber-soft);background:#e7a93f14;border-color:#e7a93f47}.admin-role--user{color:#a8d4e7;background:#78b9d612;border-color:#78b9d63d}.admin-user-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.admin-user-actions small{color:var(--quiet);margin-right:4px;font-size:8px;font-style:italic}.admin-user-actions button{width:31px;height:31px}.admin-user-actions button:last-child{color:var(--red)}.admin-user-actions button:disabled{opacity:.25;cursor:not-allowed}.admin-guidance{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-guidance article{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:11px;padding:16px;display:flex}.admin-guidance svg{color:var(--amber-soft);flex:none}.admin-guidance strong{font-size:10px}.admin-guidance p{color:var(--quiet);margin:5px 0 0;font-size:8px;line-height:1.6}.admin-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050504c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{border:1px solid var(--line-strong);background:#171714;border-radius:15px;gap:16px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:23px;display:grid;overflow:auto;box-shadow:0 28px 78px #0000008c}.admin-modal>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.admin-modal h2{letter-spacing:-.025em;margin:0;font-size:19px}.admin-modal header p{color:var(--quiet);margin:5px 0 0;font-size:9px}.admin-modal header>button{flex:none;width:32px;height:32px}.admin-modal label small{color:var(--quiet);font-size:8px;font-weight:500}.admin-password-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-modal>footer{justify-content:flex-end;gap:8px;padding-top:3px;display:flex}.admin-modal>footer button{min-height:38px;padding:0 14px;font-size:9px;font-weight:750}.admin-delete-modal>header{justify-content:flex-start}.admin-delete-modal>header>span{width:40px;height:40px;color:var(--red);background:#d77f7214;border:1px solid #d77f7247;border-radius:10px;flex:none;place-items:center;display:grid}.admin-delete-modal>p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.admin-impact{border:1px solid var(--line);background:#11110f;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:13px;display:grid}.admin-impact span{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.admin-impact strong{color:var(--text)}.admin-modal .admin-danger{border-color:var(--red);color:#1a0d0b;background:var(--red)}.admin-modal button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1120px){.sidebar-account{grid-template-columns:34px;padding:10px}.sidebar-account>div,.sidebar-account>button{display:none}}@media (width<=860px){.studio-sidebar .sidebar-account{display:none}.admin-header{flex-direction:column;align-items:flex-start}.admin-account{justify-content:space-between;width:100%}.admin-content{padding-top:30px}.admin-guidance{grid-template-columns:1fr}.admin-users-card{overflow-x:auto}}@media (width<=600px){.auth-card{padding:25px 20px}.auth-stack__back--deep{inset:-10px}.auth-stack__back--middle{inset:-5px}.admin-header{padding:13px 16px}.admin-header p,.admin-account>span{display:none}.admin-content{width:calc(100% - 24px)}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar>div:last-child button{flex:1}.admin-stats div{padding:14px 8px}.admin-stats strong{font-size:19px}.admin-users-card{overflow:hidden}.admin-user-row{grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr) auto;gap:7px 10px;min-width:0;padding:14px}.admin-avatar{grid-row:1/span 2}.admin-role{grid-area:1/3}.admin-user-row time{display:none}.admin-user-actions{grid-area:2/2/auto/4;justify-content:flex-start;min-height:31px}.admin-user-actions small{margin-right:auto}.admin-password-grid,.admin-impact{grid-template-columns:1fr}.admin-modal>footer{flex-direction:column-reverse}.admin-modal>footer button{width:100%}}