:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#05060a;color:#f2f4ff;--bg: #05060a;--panel: rgba(13, 15, 24, .88);--panel-strong: rgba(18, 21, 34, .94);--field: rgba(7, 8, 14, .86);--line: rgba(154, 167, 255, .16);--line-strong: rgba(124, 60, 255, .46);--text: #f2f4ff;--muted: #8a90a8;--soft: #b8bdf4;--violet: #7c3cff;--blue: #2f7bff;--lavender: #9aa7ff;--accent-gradient: linear-gradient(135deg, #7c3cff, #2f7bff 56%, #9aa7ff);--depth-violet: rgba(124, 60, 255, .105);--depth-blue: rgba(47, 123, 255, .095);--depth-lavender: rgba(154, 167, 255, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 8%,rgba(154,167,255,.05),transparent 24%),radial-gradient(circle at 48% 16%,var(--depth-blue),transparent 34%),radial-gradient(circle at 78% 82%,var(--depth-violet),transparent 36%),linear-gradient(145deg,rgba(47,123,255,.035),transparent 34%,rgba(124,60,255,.04) 76%,transparent),#05060a}button,input,textarea,select{font:inherit}button{transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}button:hover{transform:translateY(-1px)}.studio-app{min-height:100vh;display:grid;grid-template-rows:70px minmax(0,1fr) 82px;background:radial-gradient(circle at 12% 22%,rgba(124,60,255,.05),transparent 26%),radial-gradient(circle at 86% 28%,rgba(47,123,255,.045),transparent 28%),#9aa7ff14;isolation:isolate}.studio-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 26px;border-bottom:1px solid rgba(154,167,255,.12);background:linear-gradient(112deg,rgba(124,60,255,.045),transparent 34%,rgba(47,123,255,.035)),linear-gradient(180deg,#090a12f5,#05060af0)}.brand-lockup,.topbar-center,.topbar-actions{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-lockup strong{color:var(--lavender);font-size:22px;letter-spacing:.08em}.brand-lockup small{color:var(--muted);font-size:13px}.brand-disc{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#c8cdff;background:radial-gradient(circle,#05060a 0 26%,rgba(124,60,255,.95) 27% 40%,transparent 41%),repeating-radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1px 7px),#11131f;box-shadow:0 0 28px #7c3cff47}.topbar-center{gap:14px}.topbar-actions{justify-content:flex-end;gap:12px}.chrome-button,.top-export{border:1px solid rgba(154,167,255,.16);border-radius:10px;min-height:38px;color:#dfe2ff;background:#1215229e;cursor:pointer}.chrome-button{width:38px;display:grid;place-items:center}.top-export{display:inline-flex;align-items:center;gap:9px;padding:0 18px;background:var(--accent-gradient);color:#fff;font-weight:700}.zoom-pill{min-width:78px;min-height:38px;display:grid;place-items:center;border:1px solid rgba(154,167,255,.16);border-radius:9px;color:#dfe2ff;background:#05060ab8}.studio-workspace{min-height:0;display:grid;grid-template-columns:84px minmax(300px,390px) minmax(420px,1fr) minmax(320px,440px);gap:1px;background:#9aa7ff1a}.studio-nav{display:grid;grid-template-rows:repeat(4,auto) 1fr auto;gap:12px;padding:16px 10px;background:linear-gradient(180deg,#090a12fa,#040509fa);border-right:1px solid rgba(154,167,255,.1)}.nav-item{min-height:72px;display:grid;place-items:center;gap:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9ba1bd;cursor:pointer}.nav-item span{font-size:11px}.nav-item.active{color:#b8bfff;border-color:#7c3cff7a;background:linear-gradient(180deg,#7c3cff33,#2f7bff14)}.nav-spacer{min-height:1px}.nav-item.compact{min-height:58px}.panel,.right-stack{background:radial-gradient(circle at 18% 0%,rgba(124,60,255,.07),transparent 32%),radial-gradient(circle at 100% 30%,rgba(47,123,255,.055),transparent 34%),linear-gradient(180deg,#161928f5,#090a12fa),var(--panel)}.panel{display:flex;flex-direction:column;gap:14px;padding:22px;border-inline:1px solid rgba(255,255,255,.02)}.panel-left{box-shadow:22px 0 60px #00000052}.panel-right{min-height:100%}.panel-heading{display:grid;gap:5px;padding-bottom:10px}.panel-heading span{color:var(--lavender);font-size:10px;letter-spacing:.16em}.panel-heading strong{color:var(--text);font-size:20px;letter-spacing:0}.studio-stage{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 18% 18%,rgba(124,60,255,.08),transparent 32%),radial-gradient(circle at 82% 20%,rgba(47,123,255,.07),transparent 34%),linear-gradient(90deg,rgba(124,60,255,.06),transparent 20%,transparent 80%,rgba(47,123,255,.06)),radial-gradient(circle at 50% 42%,rgba(154,167,255,.1),transparent 44%),#07080d}.preview-toolbar{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 22px;color:var(--muted);font-size:12px;letter-spacing:.08em}.preview-toolbar strong{color:var(--soft);font-weight:500;letter-spacing:0}.preview-stage{display:grid;place-items:center;padding:10px 34px 18px;min-height:0;background:radial-gradient(ellipse at 50% 45%,rgba(47,123,255,.055),transparent 45%),radial-gradient(ellipse at 46% 58%,rgba(124,60,255,.045),transparent 48%)}.canvas-tools{display:flex;justify-content:center;gap:8px;padding:0 0 16px}.canvas-tools span{width:42px;height:36px;border:1px solid rgba(154,167,255,.14);border-radius:7px;background:#07080ead}.canvas-tools span.active{border-color:#9aa7ffb3;background:linear-gradient(135deg,#7c3cff3d,#2f7bff26)}.studio-transport{display:grid;grid-template-columns:minmax(180px,280px) auto minmax(260px,520px) auto minmax(160px,320px);align-items:center;gap:18px;padding:10px 28px;border-top:1px solid rgba(154,167,255,.12);background:linear-gradient(92deg,rgba(47,123,255,.035),transparent 40%,rgba(124,60,255,.04)),linear-gradient(180deg,#07080efa,#040509fa);color:var(--muted);font-size:12px}.transport-track{display:flex;align-items:center;gap:12px}.transport-track strong,.transport-track small{display:block}.transport-track strong{color:var(--lavender);font-weight:600}.track-cover{width:50px;height:50px;border-radius:6px;background:radial-gradient(circle at 80% 50%,#05060a 0 18%,rgba(124,60,255,.9) 19% 28%,transparent 29%),linear-gradient(135deg,#151827,#05060a);border:1px solid rgba(154,167,255,.22)}.transport-line{height:3px;border-radius:999px;background:#9aa7ff29;overflow:hidden}.transport-line i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--accent-gradient);box-shadow:0 0 22px #2f7bff8c}.waveform{height:24px;opacity:.46;background:repeating-linear-gradient(90deg,rgba(154,167,255,.5) 0 2px,transparent 2px 6px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent)}.field-label{color:var(--muted);font-size:11px;letter-spacing:.04em}.text-input{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--text);padding:12px 13px;outline:none;box-shadow:inset 0 1px #ffffff06}.text-input:focus,.lyrics-source:focus,.quote-editor:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #2f7bff1c,inset 0 1px #ffffff09}.control-group{display:grid;gap:10px;padding:13px;border:1px solid rgba(154,167,255,.08);border-radius:10px;background:linear-gradient(145deg,#7c3cff08,#2f7bff06),#07080e61}.inspector-section{display:grid;gap:12px;padding:13px;border:1px solid rgba(154,167,255,.08);border-radius:10px;background:linear-gradient(145deg,#7c3cff08,#2f7bff06),#07080e61}.section-title{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:14px}.section-title small{color:var(--muted);font-size:11px}.template-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-thumb{display:grid;gap:7px;border:1px solid rgba(154,167,255,.12);border-radius:8px;padding:6px;background:#12152299;color:#cfd3f4;cursor:pointer}.template-thumb.active{border-color:#9aa7ffd1;box-shadow:0 0 24px #7c3cff38}.thumb-art{display:block;aspect-ratio:4 / 5;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 76% 28%,rgba(124,60,255,.52),transparent 22%),linear-gradient(160deg,#1b2034,#07080d)}.thumb-record{background:radial-gradient(circle at 78% 55%,#05060a 0 16%,rgba(124,60,255,.8) 17% 24%,transparent 25%),repeating-radial-gradient(circle at 78% 55%,rgba(255,255,255,.14) 0 1px,transparent 1px 6px),linear-gradient(160deg,#151827,#07080d)}.thumb-mood{background:radial-gradient(circle at 50% 18%,rgba(47,123,255,.42),transparent 26%),linear-gradient(180deg,#20284a,#080912 72%)}.treatment-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.treatment{display:grid;gap:5px;border:0;background:transparent;color:var(--muted);padding:0}.treatment i{display:block;aspect-ratio:1.12;border-radius:5px;border:1px solid rgba(154,167,255,.12);background:linear-gradient(145deg,#20284a,#080912)}.treatment.active i{border-color:#9aa7ffd1;box-shadow:0 0 20px #2f7bff33}.export-block{display:grid;gap:12px;padding:14px 0 0;border-top:1px solid rgba(154,167,255,.1)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented button{border:1px solid rgba(154,167,255,.12);border-radius:8px;background:#121522db;color:#c3c8e8;min-height:38px;cursor:pointer}.segmented button.active{border-color:#9aa7ffb8;color:#fff;background:linear-gradient(135deg,#7c3cff57,#2f7bff42);box-shadow:0 0 24px #2f7bff2e}input[type=range]{accent-color:var(--blue)}input[type=color]{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--field);padding:4px}.poster{position:relative;overflow:hidden;width:min(72vh,520px);border:1px solid rgba(154,167,255,.18);border-radius:16px;background:#090a11;box-shadow:0 34px 110px #0000009e,0 0 70px #2f7bff29,inset 0 1px #ffffff0f}.poster-square{aspect-ratio:1 / 1}.poster-portrait{aspect-ratio:4 / 5}.poster-story{aspect-ratio:9 / 16;width:min(76vh,410px)}.poster-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 18%,rgba(154,167,255,.26),transparent 22%),radial-gradient(circle at 18% 76%,rgba(124,60,255,.28),transparent 34%),linear-gradient(145deg,#171927,#07080d 55%,#141735);background-size:cover;background-position:center;filter:contrast(var(--poster-contrast, 1))}.template-hybrid:after,.template-record:after{content:"";position:absolute;top:7%;right:-24%;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(154,167,255,.18);background:radial-gradient(circle,#06070b 0 8%,rgba(154,167,255,.56) 9% 12%,#06070b 13% 18%,transparent 19%),repeating-radial-gradient(circle,#ffffff29 0,#ffffff29 1px,#00000026 1px,#00000026 7px),radial-gradient(circle at 34% 30%,rgba(124,60,255,.2),transparent 38%),#05060a;box-shadow:-18px 26px 70px #0000009e,0 0 54px #2f7bff29,inset 0 0 38px #ffffff0d;opacity:.82;z-index:1}.poster-treatment,.poster-grain{position:absolute;top:0;right:0;bottom:0;left:0}.poster-treatment{mix-blend-mode:multiply}.poster-grain{opacity:.15;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:3px 3px}.poster-content{position:absolute;inset:auto 9% 9%;display:grid;gap:18px;z-index:2}.placement-top{top:9%;bottom:auto}.placement-middle{top:50%;bottom:auto;transform:translateY(-50%)}.placement-bottom{bottom:9%}.align-center{text-align:center;justify-items:center}.align-left{text-align:left;justify-items:start}.record-mark{width:112px;height:112px;border-radius:50%;border:1px solid rgba(154,167,255,.2);background:radial-gradient(circle,#05060a 0 12%,rgba(154,167,255,.5) 13% 16%,transparent 17%),repeating-radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1px 8px),linear-gradient(135deg,#7c3cffbf,#2f7bff80);opacity:.92;box-shadow:0 0 38px #2f7bff38,inset 0 0 28px #0000008f}.record-mark span{display:block;width:100%;height:100%;border-radius:inherit}.poster-quote{margin:0;color:#fff;font-size:clamp(26px,5.4vh,44px);line-height:1.13;font-weight:720;text-shadow:0 10px 34px rgba(0,0,0,.72)}.poster-meta{margin:0;color:#d9ddff;font-size:13px}.poster-progress{width:100%;height:3px;background:#9aa7ff33;border-radius:999px;overflow:hidden}.poster-progress span{display:block;width:42%;height:100%;background:var(--accent-gradient);box-shadow:0 0 18px #2f7bffb3}.export-button{border:1px solid rgba(154,167,255,.32);border-radius:10px;min-height:46px;background:var(--accent-gradient);color:#fff;font-weight:760;cursor:pointer;box-shadow:0 16px 40px #2f7bff33}.lyrics-source-wrap{position:relative}.lyrics-source{width:100%;min-height:240px;resize:vertical;border:1px solid rgba(154,167,255,.1);border-radius:10px;background:#05060ab8;color:#e9ebff;line-height:1.7;padding:16px;outline:none}.lyrics-source::selection,.quote-editor::selection{background:#7c3cff57}.source-used-hint{position:absolute;right:12px;bottom:10px;color:var(--lavender);font-size:11px}.extract-popover{position:fixed;z-index:10;padding:6px;border:1px solid rgba(154,167,255,.22);border-radius:999px;background:#0b0d17c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 54px #2f7bff38;animation:popover-in .14s ease-out}.extract-popover button{border:0;border-radius:999px;background:transparent;color:#fff;padding:8px 12px;cursor:pointer}.extract-popover.is-invalid{animation:shake .18s ease-in-out}.extract-popover.is-invalid button{color:#ff6b9d;cursor:not-allowed}.quote-card{min-height:96px;border:1px solid rgba(154,167,255,.1);border-left:2px solid var(--violet);border-radius:10px;background:linear-gradient(135deg,#7c3cff24,#2f7bff0e);display:grid;align-items:center;padding:14px;opacity:.5;position:relative}.quote-card.is-visible{opacity:1;animation:quote-in .18s ease-out}.quote-empty{color:#6f748c;font-size:13px}.quote-editor{width:100%;min-height:88px;border:1px solid transparent;resize:vertical;outline:none;background:transparent;color:#fff;line-height:1.55;padding:2px 28px 2px 0}.quote-helper{color:var(--muted);font-size:11px}.icon-button{border:0;background:transparent;color:#8f96c2;cursor:pointer}.quote-delete{position:absolute;top:10px;right:10px}@keyframes popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quote-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}.image-search{display:grid;gap:10px}.upload-tile{border:1px dashed rgba(154,167,255,.24);border-radius:10px;min-height:50px;display:grid;place-items:center;color:#d7dbff;cursor:pointer;background:#1215228a}.upload-tile input{display:none}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-button{border:1px solid rgba(154,167,255,.2);border-radius:8px;background:linear-gradient(135deg,#7c3cffeb,#2f7bffdb);color:#fff;padding:0 14px;cursor:pointer}.provider-error{margin:0;color:#ff8ab5;font-size:12px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.image-result{border:1px solid rgba(154,167,255,.12);border-radius:9px;min-height:72px;overflow:hidden;background:#121522db;color:#d8dcff;padding:0;cursor:pointer}.image-result img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.image-result small{display:block;padding:4px;font-size:10px;color:#8d94b6}.right-stack{background:radial-gradient(circle at 12% 8%,rgba(124,60,255,.075),transparent 30%),radial-gradient(circle at 100% 20%,rgba(47,123,255,.06),transparent 34%),linear-gradient(180deg,#161928f5,#090a12fa),var(--panel);display:grid;align-content:start}.export-error{margin:0 22px 20px;color:#ff8ab5;font-size:13px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.studio-stage{min-height:620px}.poster{width:min(86vw,440px)}}