:root{font-family:Inter,Arial,sans-serif;color:#edf0f5;background:#101215;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #363940;color:#e9edf2;background:#23262c;border-radius:8px;padding:10px 14px}button:hover{border-color:#c6afff}header{height:82px;border-bottom:1px solid #2a2d33;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font-size:28px;font-weight:800;color:white;text-decoration:none;letter-spacing:-1.3px}.brand span{font-weight:400;margin-left:8px;color:#c6afff}.brand i{font-size:9px;letter-spacing:1px;font-style:normal;margin-left:20px;background:#30253f;padding:6px;color:#c6afff;vertical-align:middle}.header-actions{display:flex;gap:22px;align-items:center}#save-status{font-size:12px;color:#a2a8b2}main{display:flex;min-height:calc(100vh - 82px)}aside{width:218px;flex-shrink:0;padding:36px 20px;border-right:1px solid #2a2d33;position:relative}.workspace,.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9299a6}.workspace{margin:0 12px 22px}.nav{width:100%;text-align:left;border:0;background:#30253f;color:#d6c2fa}.aside-note{font-size:23px;line-height:1.4;color:#6f7682;margin:55px 12px}.storage-note{font-size:10px;letter-spacing:1px;color:#c6afff;margin:80px 12px 0}.storage-note span{display:block;letter-spacing:0;font-size:12px;line-height:1.7;color:#8b929d;margin-top:10px}.editor{padding:34px 40px 16px;max-width:1500px;flex:1;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{color:#c6afff}#project-name{font-size:30px;font-weight:600;border:0;color:#f1f3f6;background:transparent;max-width:100%;width:440px;outline-offset:4px}.editor-grid{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(330px,1.15fr);border:1px solid #30343a;border-radius:14px;overflow:hidden}.controls{padding:24px;background:#181b20}.tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tabs strong{font-size:14px}.tabs span{font-size:8px;color:#8d94a0;letter-spacing:1px}.upload{border:1px dashed #454e3d;background:#1e251b;display:flex;align-items:center;flex-direction:column;padding:24px;gap:9px;color:#c6afff;border-radius:9px;cursor:pointer}.upload strong{font-size:14px;color:#e7eedf}.upload span{font-size:11px;color:#a1aa9b;max-width:240px;overflow:hidden;text-overflow:ellipsis}.upload input,.import input{display:none}.compact{margin-top:12px;padding:15px;background:#202329;border-color:#3a3e46;color:#b5bdcc}.field-row{display:flex;gap:16px;margin-top:22px}.field-row label:first-child{flex:1}label.field,.field-row label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#aab0ba}.field{margin:15px 0 24px}select{width:100%;padding:10px;border-radius:6px;background:#24282e;color:#eee;border:1px solid #393d44}input[type=color]{width:52px;height:38px;border:1px solid #393d44;background:#24282e;border-radius:6px;padding:4px}.lyrics-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}.lyrics-heading button{font-size:11px;padding:7px 10px}.hint{font-size:11px;color:#818a96}.line{display:grid;grid-template-columns:57px 1fr 25px;gap:8px;margin:10px 0;align-items:start}.line input,.line textarea{width:100%;background:#24282e;color:#e7eaf0;border:1px solid #3c4149;border-radius:6px;padding:9px;font-size:12px}.line textarea{resize:vertical;min-height:55px}.line button{padding:7px 0;border:0;background:transparent;color:#9099a6}.import{display:inline-block;font-size:12px;color:#c6afff;cursor:pointer;margin-top:15px}.preview-area{background:#121418;padding:22px 28px;min-width:0}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#9ca5b3}.stage-wrap{min-height:485px;height:54vh;display:flex;align-items:center;justify-content:center;padding:22px 0}#stage{position:relative;overflow:hidden;box-shadow:0 15px 60px #0007;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:#f1f3ea;background:radial-gradient(ellipse at 30% 15%,#3d5032,transparent 65%),#171e18;--accent:#c6afff}.portrait{aspect-ratio:9/16;height:100%;max-width:100%}.square{aspect-ratio:1;width:100%;max-height:100%}.landscape{aspect-ratio:16/9;width:100%}.stage-brand{font-size:8px;letter-spacing:2px;z-index:1}.lyric-content{position:relative;z-index:1}.tiny{font-size:6px;letter-spacing:1.7px;color:var(--accent)}#current-lyric{font-size:clamp(22px,2.6vw,43px);font-weight:750;line-height:1.08;white-space:pre-line;letter-spacing:-1.3px;margin:20px 0}.stage-bottom{font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;z-index:1}.stage-bottom span{font-size:32px;color:var(--accent)}#stage.paper{background:#e7e1d2;color:#252822}#stage.violet{background:radial-gradient(ellipse at top,#744486,#211731)}#artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(transparent,#0009);pointer-events:none}#artwork[hidden]~.shade{display:none}.transport{display:flex;align-items:center;gap:12px;font-size:11px;color:#98a1ae}.transport button{border-radius:50%;width:35px;height:35px;padding:0;background:#c6afff;color:#182014}.transport input{flex:1;min-width:30px;accent-color:#c6afff}.preview-note{text-align:center;font-size:10px;color:#798290;line-height:1.6}footer{display:flex;align-items:center;gap:8px;font-size:10px;color:#7e8793;padding:22px 0}.dot{width:5px;height:5px;border-radius:50%;background:#c6afff}footer span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#c6afff;color:#15200e;border-radius:8px;padding:12px 20px;font-size:13px;display:none}@media(max-width:1100px){aside{display:none}.editor{padding:25px}.tabs span{display:none}}@media(max-width:720px){header{padding:0 18px;height:70px}.brand{font-size:22px}.brand i,#save-status{display:none}.header-actions button{font-size:11px}.editor{padding:20px 14px}.heading{align-items:flex-start;gap:8px}#project-name{font-size:22px;width:100%}.heading button{white-space:nowrap;font-size:10px}.editor-grid{grid-template-columns:1fr}.preview-area{grid-row:1}.stage-wrap{height:440px;min-height:0}#current-lyric{font-size:32px}.controls{padding:20px}.eyebrow{font-size:8px}}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.template-grid button{font-size:10px;text-align:left;padding:12px 8px;background:linear-gradient(140deg,#34422c,#24282d);line-height:1.5}.template-grid button:nth-child(2){background:linear-gradient(140deg,#503362,#24282d)}.template-grid button:nth-child(3){background:#e4dfd3;color:#252b20}.template-grid b{display:block;font-size:20px;margin-bottom:12px}.section-label{font-size:9px;letter-spacing:1.5px;color:#9da998;margin:23px 0 12px}.layer-picker{display:flex;gap:6px}.layer-picker button{flex:1;font-size:10px;padding:9px 4px}.layer-picker .selected{border-color:#c6afff;color:#c6afff}.layer-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.layer-values label{font-size:10px;color:#aab0ba}.layer-values input{width:100%;background:#24282e;color:white;border:1px solid #393d44;border-radius:5px;padding:8px;margin-top:6px}.line{grid-template-columns:50px 50px 1fr 25px}.line input{padding:9px 4px}.controls{max-height:850px;overflow:auto}.preview-area{display:flex;flex-direction:column}.stage-wrap{flex:1;min-height:430px;height:64vh;max-height:710px;position:relative}.stage-wrap canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 18px 60px #0008;touch-action:none;cursor:move}.preview-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#9ca5b3;margin:6px 0 18px}.preview-options button{padding:5px 8px;font-size:10px}.preview-options span{flex-basis:100%;font-size:10px;color:#a8bf98}.preview-options input{accent-color:#c6afff}.timeline-panel{border:1px solid #30343a;border-radius:12px;background:#181b20;margin-top:20px;padding:18px}.timeline-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.timeline-heading strong{font-size:13px}.timeline-heading span{display:block;font-size:10px;color:#8c96a4;margin-top:6px}.timeline-heading label{font-size:10px;color:#a6adba;display:flex;align-items:center;gap:8px}.timeline-heading input{width:90px;accent-color:#c6afff}#timeline-scroll{overflow-x:auto;overflow-y:hidden}#timeline-content{position:relative;min-width:100%;height:210px;touch-action:pan-x}#ruler{height:28px;border-bottom:1px solid #30353c;position:relative}#ruler span{position:absolute;font-size:9px;color:#83909e;border-left:1px solid #45505d;padding:4px 5px;white-space:nowrap}#waveform{display:block;width:100%;height:65px;background:#141a18;cursor:crosshair}#clips{position:relative;min-height:110px;background:repeating-linear-gradient(to bottom,transparent 0 33px,#ffffff05 33px 34px)}.clip{position:absolute;height:29px;border:1px solid #93c15d;background:#344b2a;color:#e4f3d8;border-radius:5px;touch-action:none;cursor:grab;overflow:hidden;min-width:8px;font-size:10px;padding:6px 10px;white-space:nowrap;user-select:none}.clip .trim{position:absolute;top:0;bottom:0;width:8px;background:#c6afff22;cursor:ew-resize}.clip .left{left:0}.clip .right{right:0}#playhead{position:absolute;left:0;top:0;bottom:0;width:2px;background:#e1d1ff;pointer-events:none;z-index:5}#playhead:before{content:'';position:absolute;left:-4px;top:0;width:10px;height:10px;background:#e1d1ff;clip-path:polygon(0 0,100% 0,50% 100%)}@media(max-width:720px){.controls{max-height:none}.stage-wrap{height:450px;min-height:0;flex:auto}.timeline-heading{align-items:flex-start}.timeline-heading span{max-width:210px;line-height:1.5}.timeline-panel{padding:12px}.line{grid-template-columns:45px 45px 1fr 25px}.template-grid button{font-size:11px}}
[hidden]{display:none!important}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #c6afff;outline-offset:3px}.primary{background:#c6afff;color:#17230e;border-color:#c6afff;width:100%;font-size:12px;font-weight:700}.sync-panel{border:1px solid #3d4935;border-radius:10px;padding:14px;margin:24px 0;background:linear-gradient(145deg,#20291e,#1a1e23)}summary{cursor:pointer;font-size:13px;font-weight:600}summary span{font-size:8px;background:#384d29;color:#c5f5a0;padding:4px 6px;border-radius:4px;margin-left:8px}.sync-panel .field{margin:15px 0}.sync-panel textarea,.sync-panel input[type=password]{width:100%;background:#14191d;color:#eef3e9;border:1px solid #414b3b;border-radius:7px;padding:10px;font-size:12px;resize:vertical}.sync-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.sync-actions button{font-size:10px;padding:8px}.sync-actions .import{margin:0 auto 0 0;font-size:10px}.access-panel summary{font-size:11px;color:#adbda1;font-weight:400}.sync-panel .hint{line-height:1.7}.sync-panel #sync-status{font-size:11px;line-height:1.6;color:#c2d2b5;margin-bottom:0}#sync-review{margin-top:16px;border-top:1px solid #43523b;padding-top:12px}#sync-summary{font-size:11px;line-height:1.6}#sync-cues{max-height:200px;overflow:auto;padding-left:20px;font-size:11px;line-height:1.7;color:#c5d0be}#discard-sync{font-size:11px;margin-top:8px}.cue-labels{display:grid;grid-template-columns:50px 50px 1fr 25px;gap:8px;font-size:8px;letter-spacing:1px;color:#788493;margin:16px 0 -4px}.line:focus-within{background:#c6afff09;border-radius:6px}.header-actions{gap:8px}#save-status{margin-right:8px}#undo,#redo{font-size:11px;background:transparent}#scene{border-radius:6px}.controls{scrollbar-width:thin;scrollbar-color:#48583b #181b20}.timeline-panel{box-shadow:0 8px 24px #0002}.clip:hover{background:#476337}.clip:active{cursor:grabbing}.template-grid button:hover{transform:translateY(-2px);transition:transform .15s}.template-grid button{border-color:#444d3c}.preview-area{background:radial-gradient(ellipse at 50% 40%,#242a23,#121418 75%)}@media(max-width:720px){#undo,#redo{font-size:0;padding:8px}#undo:before{content:'↶';font-size:16px}#redo:before{content:'↷';font-size:16px}.cue-labels{grid-template-columns:45px 45px 1fr 25px}.sync-actions button{font-size:11px}}
/* Studio workspace — quiet chrome, generous canvas, focused tools. */
:root{color-scheme:dark;--panel:#171b20;--line:#ffffff0d;--muted:#8a949f;--lime:#c6afff;background:#0d1014;color:#ecf0ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:radial-gradient(ellipse at 75% 0,#1a2325 0,transparent 45%),#0d1014}header{height:72px;padding:0 34px;border-color:var(--line);background:#101418e8}.brand{font-size:25px;letter-spacing:-1.2px}.brand span{color:#dbe5d4;font-size:21px}.brand i{border:1px solid #c6afff25;background:#c6afff09;color:#b7d99c;letter-spacing:1.4px;font-size:8px;border-radius:20px;padding:5px 9px}main{min-height:calc(100vh - 72px)}.editor{width:100%;max-width:1680px;margin:auto;padding:27px 34px 8px}.heading{margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#8c9d8a;margin:0 0 10px}#project-name{font-size:26px;font-weight:550;letter-spacing:-.7px;width:520px}.heading>button{background:#ffffff05;border:1px solid #ffffff12;color:#a8b4bc;font-size:11px;border-radius:7px}button{border-color:#ffffff14;background:#242b31;border-radius:7px;transition:background .15s,border-color .15s}button:hover{background:#2c3539;border-color:#c6afff70}#download{background:#c6afff;color:#192315;font-size:11px;font-weight:650;border-color:transparent;padding:10px 15px}#save-status{font-size:10px;color:#7d8b87;margin-right:14px}.editor-grid{grid-template-columns:330px minmax(0,1fr);border-color:#ffffff0c;border-radius:14px;box-shadow:0 20px 65px #0002;min-height:650px}.controls{background:linear-gradient(180deg,#1b2025,#161b20);padding:20px 20px 24px;max-height:calc(100vh - 185px);min-height:620px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#76858b;margin-bottom:19px}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.4px}.live-dot:before{content:'';width:4px;height:4px;border-radius:50%;background:#c6afff;box-shadow:0 0 8px #c6afff55}.tool-tabs{display:flex;gap:4px;padding:4px;border-radius:9px;background:#0c1116;margin-bottom:26px}.tool-tabs button{flex:1;padding:9px 4px;border:0;background:transparent;color:#7f8c97;font-size:11px;border-radius:6px}.tool-tabs button[aria-selected=true]{background:#2a3338;color:#e7f0e1;box-shadow:0 2px 6px #0003}.panel-title{margin-bottom:24px}.panel-title h2{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:0 0 7px}.panel-title p{font-size:11px;line-height:1.6;color:#89969e;margin:0}.template-grid{gap:6px;margin-bottom:22px}.template-grid button{font-size:9px;padding:10px 8px;height:95px;border-color:#ffffff0e;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between}.template-grid b{font-weight:450;font-size:18px;margin:0}.upload{padding:28px 14px;background:#c6afff04;border-color:#c6afff25;border-radius:9px;gap:10px;transition:background .2s}.upload:hover{background:#c6afff0a}.upload strong{font-size:12px;font-weight:550}.upload span{font-size:10px;color:#7f9380}.compact{padding:22px 14px;background:#ffffff02;border-color:#ffffff15;color:#a8bac9}.field,.field-row{margin-top:20px}.field-row label,label.field{color:#93a1ab;font-size:10px;gap:10px}select{border:1px solid #ffffff0d;background:#10161b;color:#c8d3db;padding:11px;font-size:11px;border-radius:7px}.section-label{border-top:1px solid #ffffff0d;padding-top:20px;color:#6e7f88;margin-top:24px}.field-row{gap:10px}.preview-area{padding:20px 28px 12px;background:radial-gradient(ellipse at 50% 45%,#222b2a,#10161b 72%);min-height:650px}.preview-top{font-size:8px;color:#6f818c}.stage-wrap{height:calc(100vh - 350px);max-height:650px;min-height:420px;padding:20px 0}.stage-wrap canvas{box-shadow:0 25px 80px #0008,0 0 0 1px #ffffff06;border-radius:5px}.preview-options{margin:5px 0 16px;font-size:9px;color:#70818b;gap:15px}.preview-options button{background:transparent;border-color:#ffffff0c;font-size:9px;padding:5px 8px}.preview-options span{flex-basis:auto;margin-left:auto;font-size:9px;color:#77916c}.transport{max-width:700px;width:100%;margin:0 auto;gap:16px;color:#9eafb8;font-size:10px}.transport button{width:38px;height:38px;flex-shrink:0;border:0;box-shadow:0 0 22px #c6afff10}.transport input[type=range]{height:3px}.preview-note{font-size:9px;color:#53636f;margin:13px 0 0}.visual-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.slider-label{display:grid!important;grid-template-columns:1fr auto;align-items:center;font-size:10px}.slider-label input{grid-column:1/-1;accent-color:#c6afff;width:100%;height:3px;margin:3px 0 4px}.slider-label output{font-size:9px;font-variant-numeric:tabular-nums;color:#afc59f;background:#c6afff09;padding:3px 6px;border-radius:4px}.visual-colors{display:flex;align-items:center;gap:14px;margin:22px 0 16px}.visual-colors label{display:flex;align-items:center;gap:8px;font-size:9px;color:#81929e}.visual-colors input[type=color]{width:29px;height:29px;border-color:#ffffff16;padding:2px;background:transparent}.mirror-toggle{margin-left:auto}.mirror-toggle input{accent-color:#c6afff}.quiet-button{font-size:10px;background:transparent;color:#889d89;padding:8px 10px;border-color:#ffffff0d}.layer-picker button{font-size:10px;background:#11181d;border-color:#ffffff0d;padding:10px 4px}.layer-picker button.selected{background:#c6afff0c;border-color:#c6afff40;color:#c6e7b0}.layer-values input{background:#10161b;border-color:#ffffff10;color:#bac9d3;font-size:11px}.hint{font-size:10px;color:#6e808c;line-height:1.7}.sync-panel{margin-top:0;background:#c6afff03;border-color:#c6afff1f;padding:13px}.sync-panel summary{font-size:11px}.sync-panel summary span{font-size:7px}.lyrics-heading{margin-top:24px;font-size:12px}.line input,.line textarea{background:#10161b;border-color:#ffffff0c;font-size:10px;line-height:1.5}.line textarea{padding:8px}.line{gap:6px;grid-template-columns:43px 43px 1fr 20px}.cue-labels{grid-template-columns:43px 43px 1fr 20px;gap:6px;font-size:7px}.timeline-panel{border-color:#ffffff0b;background:#141a20;padding:18px 20px;margin-top:16px;border-radius:12px}.timeline-heading strong{font-size:12px;font-weight:500}.timeline-heading span{font-size:9px;color:#687b88}.timeline-heading label{font-size:9px}.clip{background:#293d2f;border-color:#759466;color:#d0e1c7;font-size:9px;border-radius:4px}.clip:hover{background:#3b5241}#waveform{opacity:.85}footer{font-size:9px;color:#53646f;padding-top:18px}footer span:last-child{font-size:8px}.import{font-size:10px;color:#9fbb8c}.primary{background:#c6afff;color:#182312}.primary:hover{background:#c9ff8d}@media(min-width:1600px){.editor-grid{grid-template-columns:360px minmax(0,1fr)}.controls{padding:22px 24px}}@media(max-width:900px){.editor{padding:22px 18px}.editor-grid{grid-template-columns:290px minmax(0,1fr)}.controls{padding:18px 14px}.preview-area{padding:18px 16px}.preview-options span{flex-basis:100%;margin-left:0}.visual-settings{gap:0 12px}}@media(max-width:720px){header{padding:0 14px;height:65px}.brand{font-size:21px}.brand span{font-size:18px}.editor{padding:20px 12px}.heading{margin-bottom:18px}#project-name{font-size:23px;width:100%}.editor-grid{display:flex;flex-direction:column;min-height:0}.preview-area{order:-1;min-height:0;padding:16px}.stage-wrap{height:410px;min-height:0;max-height:none;flex:auto}.controls{min-height:0;max-height:none;padding:20px}.preview-options{margin-bottom:12px}.preview-note{margin-bottom:6px}.panel-title{margin:0 0 20px}.template-grid button{height:100px;font-size:11px}.tool-tabs{position:sticky;top:0;z-index:8}.preview-options span{flex-basis:auto;margin-left:auto}.visual-settings{gap:0 24px}.transport{gap:12px}.timeline-panel{padding:16px 12px}.line{grid-template-columns:50px 50px 1fr 25px}.cue-labels{grid-template-columns:50px 50px 1fr 25px}.line input,.line textarea{font-size:12px}.preview-top{font-size:8px}#download{font-size:10px;padding:9px}.brand i{display:none}.preview-options span{font-size:8px}.inspector-heading{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){button,.upload{transition:none!important}.template-grid button:hover{transform:none}}
#export-open{background:#c6afff;color:#17250e;font-size:11px;font-weight:650;border-color:transparent}#download,#cloud-open{background:transparent;color:#aebcbf;font-size:10px;border-color:#ffffff15}#cloud-panel{margin-bottom:22px}#cloud-panel input{width:100%;background:#10161b;color:#dce7df;padding:10px;border:1px solid #ffffff14;border-radius:6px;font-size:11px}#cloud-status{font-size:10px;color:#a9c29a;line-height:1.6}.cloud-project-row{display:flex;align-items:center;gap:8px;justify-content:space-between;border-top:1px solid #ffffff0d;padding:10px 0;font-size:11px}.cloud-project-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-project-row button{font-size:10px;padding:6px 10px}#cloud-list p{font-size:10px;color:#7c8f98}#export-dialog{width:min(480px,calc(100vw - 32px));background:#182025;color:#edf2eb;border:1px solid #ffffff18;border-radius:16px;padding:26px;box-shadow:0 25px 100px #0008}#export-dialog::backdrop{background:#050a10cc;backdrop-filter:blur(8px)}.export-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.export-heading h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}.export-heading button{padding:3px 9px;background:transparent;font-size:21px}#export-dialog .field-row label{width:50%}#export-dialog input{min-width:0;width:100%;background:#10161b;color:#dce7df;border:1px solid #ffffff14;border-radius:6px;padding:10px;font-size:12px}#export-progress{width:100%;height:6px;accent-color:#c6afff;margin:14px 0 0}#export-status{font-size:11px;line-height:1.6;color:#bbd1b1}#export-cancel{margin-top:10px;width:100%;font-size:11px}@media(max-width:900px){#save-status{display:none}.header-actions{gap:5px}#download,#cloud-open{padding:9px 7px}}@media(max-width:520px){#download{display:none}#export-open{font-size:9px;padding:10px 8px}.brand span{font-size:15px}.brand{font-size:18px}#cloud-open{font-size:9px}header{gap:8px}.header-actions{gap:4px}#export-dialog{padding:20px}}
#account-screen{min-height:100vh;padding:36px 6vw;background:radial-gradient(ellipse at 20% 65%,#2d403135,transparent 55%),#0e1318}.account-brand{font-weight:750;font-size:27px;letter-spacing:-1.3px}.account-brand span{font-weight:400;color:#c6afff;margin-left:8px}.account-layout{max-width:1100px;margin:9vh auto 0;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.account-story h1{font-size:clamp(44px,6vw,78px);font-weight:500;line-height:1.05;letter-spacing:-4px;margin:24px 0}.account-story>p{max-width:360px;line-height:1.8;color:#8d9eaa;font-size:14px}.account-orbit{width:165px;height:165px;border-radius:50%;border:1px solid #c6afff55;box-shadow:0 0 0 16px #c6afff08,0 0 0 34px #c6afff04;display:grid;place-items:center;margin:55px 30px;color:#c6afff;font-size:90px}.account-card{background:#1a2229;border:1px solid #ffffff0c;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0004}.account-card h2{font-weight:500;font-size:26px;letter-spacing:-.8px;margin:26px 0}.account-switch{display:flex;gap:5px;border-radius:9px;padding:4px;background:#10171d}.account-switch button{flex:1;font-size:11px;background:transparent;color:#879ba8;border:0}.account-switch button[aria-pressed=true]{background:#2c3941;color:#e7f1e1}#account-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#b1c0ca;margin-top:20px}#account-form input{background:#10171d;color:#edf4e8;border:1px solid #ffffff15;border-radius:8px;padding:13px;font-size:14px;width:100%}#account-submit{margin-top:12px;padding:13px}#account-status{font-size:11px;line-height:1.7;color:#b7cea8;min-height:40px;margin:18px 0 0}#signed-in-name{font-size:10px;color:#95aa96;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-logout{font-size:9px;background:transparent;color:#8c9ea8;padding:8px;border-color:#ffffff0b}@media(max-width:1050px){#signed-in-name{display:none}}@media(max-width:720px){#account-screen{padding:25px 20px}.account-layout{display:block;margin:8vh auto 0;max-width:430px}.account-story{display:none}.account-card{padding:24px}.account-brand{font-size:24px}#account-logout{font-size:8px;padding:8px 5px}#cloud-open{display:none}}
.cue-actions{display:flex;flex-direction:column;gap:5px;align-items:center}.line .cue-actions button{font-size:9px;padding:3px 0;line-height:1.1}.line .cue-actions button:first-child{color:#b5d69f;font-size:8px}#word-editor{border:1px solid #c6afff30;border-radius:9px;padding:13px;margin:20px 0;background:#c6afff04}.word-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.word-heading button{padding:2px 7px;font-size:16px;background:transparent;border:0}#word-caption{font-size:11px;line-height:1.6;color:#a7bb9a;white-space:pre-line}.word-row{display:grid;grid-template-columns:minmax(60px,1fr) 65px 65px;gap:7px;margin:7px 0;align-items:center}.word-row input{min-width:0;width:100%;border:1px solid #ffffff16;border-radius:5px;background:#10161b;color:#cbd9c2;padding:8px 4px;font-size:10px}.word-row button{font-size:10px;padding:7px;text-align:left;overflow:hidden;text-overflow:ellipsis;background:#ffffff03;border-color:#ffffff09}.word-row-labels{font-size:7px;letter-spacing:.5px;color:#81927b;margin-top:18px}#word-rows{max-height:260px;overflow:auto}#word-status{font-size:10px;line-height:1.7;color:#abc29b}#word-mark{margin-top:12px;font-size:11px}#word-tap-cancel{font-size:10px;margin-top:8px}
#editor-actions{display:flex;gap:10px;align-items:center}#project-home{max-width:1320px;padding:64px 40px 40px;margin:auto}.home-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.home-heading h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:14px 0}.home-heading p:not(.eyebrow),.home-create p{color:#979faa;line-height:1.6}.account-storage{font-size:12px;color:#c6afff;white-space:nowrap}.home-create{display:flex;gap:24px;align-items:center;background:linear-gradient(115deg,#25321c,#1a2020 70%);border:1px solid #3b4930;border-radius:18px;padding:32px;margin:36px 0 48px}.home-create>div{flex:1}.home-create h2{margin:0;font-size:23px}.home-create p{margin-bottom:0}.home-create label{font-size:12px;color:#b5bdc6;display:grid;gap:9px}.home-create input{min-width:220px;padding:13px;background:#131811;border:1px solid #47513e;border-radius:8px;color:white}.home-create button{align-self:flex-end;margin-bottom:1px;padding:14px}.home-list-heading{display:flex;justify-content:space-between;align-items:center}.home-list-heading h2{font-size:20px}.home-list-heading span{font-size:12px;color:#919aa7;font-weight:400;margin-left:12px}#project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;border:1px solid #30363d;border-radius:14px;background:#191d22;overflow:hidden}.project-card h2{font-size:18px;overflow-wrap:anywhere;margin:22px 22px 8px}.project-card p{font-size:12px;color:#949fac;margin:0 22px 24px}.project-card-art{height:150px;display:flex;gap:5px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#3b5227,#1c2723 65%);padding:20px 35px}.project-card-art i{display:block;flex:1;max-width:8px;min-width:2px;border-radius:4px;background:#c6afff;opacity:.65}.project-card:nth-child(3n+2) .project-card-art{filter:hue-rotate(80deg)}.project-card:nth-child(3n) .project-card-art{filter:hue-rotate(220deg)}.project-card-actions{display:flex;justify-content:space-between;padding:0 20px 20px;gap:10px}.project-card-actions button{font-size:12px}#home-empty{text-align:center;border:1px dashed #3a4247;border-radius:14px;padding:48px 24px;color:#9ea8b4}#home-empty>span{font-size:42px;color:#c6afff}#home-empty h2{color:#e7edf2}.home-import{border-top:1px solid #2c3339;margin-top:48px;padding-top:24px;color:#8c97a2;font-size:12px}#home-status{color:#ffcf9b}#workspace-busy{position:fixed;inset:0;z-index:100;background:#101215dd;display:grid;place-items:center;color:#c6afff;font-size:20px}body:has(#project-home:not([hidden])) .header-actions{gap:16px}@media(max-width:1000px){#project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-create{flex-wrap:wrap}.home-create>div{flex-basis:100%}#editor-actions{flex-wrap:wrap}.header-actions{gap:8px}}@media(max-width:650px){#project-home{padding:32px 20px}.home-heading{display:block}.home-create{padding:24px;gap:18px}.home-create label,.home-create input{width:100%;min-width:0}.home-create button{width:100%}#project-grid{grid-template-columns:1fr}.brand i{display:none}.header-actions #signed-in-name{display:none}}
#transcription-vocabulary{padding:10px;background:#24282e;border:1px solid #393d44;border-radius:6px;color:#eee;min-width:0}#sync-cues{padding-left:22px;max-height:380px;overflow:auto}#sync-cues li{padding:8px 0}#sync-cues button{font-size:11px;padding:5px 8px;margin-bottom:6px}#sync-cues textarea{display:block;width:100%;resize:vertical;background:#24282e;border:1px solid #3c4149;border-radius:6px;padding:9px;color:#e7eaf0;font-size:12px}.review-warning{display:block;color:#edc48b;font-size:11px;margin-top:5px}.transcription-vad{line-height:1.6}
.beat-panel{margin:28px 0;padding:20px;border:1px solid #46513a;border-radius:12px;background:linear-gradient(125deg,#232d1d,#1a2022)}.beat-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.beat-heading h3{margin:8px 0;font-size:21px}.beat-heading>label{display:flex;align-items:center;gap:6px;font-size:12px;color:#c7ed9f}.beat-panel input[type=checkbox]{accent-color:#c6afff}.beat-panel fieldset{border:0;padding:0;margin:16px 0 0;min-width:0}.beat-panel legend{font-size:10px;color:#9ca990;margin-bottom:12px;letter-spacing:1px}.beat-panel fieldset:disabled{opacity:.45}.beat-targets{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.beat-targets label{display:flex;gap:4px;align-items:center}.beat-panel .field{margin-bottom:18px}
.beat-meter-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#a8b79d;margin:4px 0 18px}.beat-meter-label meter{flex:1;min-width:50px;height:10px}.beat-meter-label meter::-webkit-meter-optimum-value{background:#c6afff}.beat-meter-label meter::-moz-meter-bar{background:#c6afff}
/* Full-screen composition workspace. The homepage and sign-in keep their own layouts. */
#studio-workspace>header{height:60px;padding:0 18px;background:#141719;border-color:#2a2d30;gap:14px}#studio-workspace>header .brand{font-size:21px;white-space:nowrap}#studio-workspace>header .brand span{font-size:18px}#studio-workspace>header .brand i{display:none}#editor-actions{gap:7px;flex-wrap:nowrap;min-width:0}#editor-actions button{font-size:10px;padding:8px 10px;border-radius:6px;white-space:nowrap}#editor-actions #export-open{order:10;background:#c6afff;color:#16200f;padding:9px 14px}#editor-actions #cloud-open{order:-3}#editor-actions .project-title{order:-4;min-width:100px;margin-right:10px;display:flex;flex-direction:column;gap:3px}.project-title-label{font-size:7px;color:#75818a;letter-spacing:1.6px}#editor-actions #project-name{font-size:13px;width:190px;color:#e5eae2;font-weight:500;letter-spacing:0;background:none}#editor-actions #save-status{display:block;font-size:9px;max-width:145px;line-height:1.35;margin-right:8px}#studio-workspace>header .header-actions{gap:10px;min-width:0;flex:1;justify-content:flex-end}#editor-actions #focus-mode[aria-pressed=true]{background:#c6afff18;color:#c4ed9f;border-color:#c6afff60}#editor-view{--timeline-height:235px;height:calc(100dvh - 60px);min-height:0;display:flex;background:#101214;overflow:hidden}#editor-view>.editor{display:grid;grid-template-rows:minmax(0,1fr) var(--timeline-height);gap:10px;width:100%;max-width:none;padding:10px;min-height:0}#editor-view .editor-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 350px;grid-template-areas:'layers canvas inspector';gap:10px;border:0;border-radius:0;background:none;overflow:visible;min-height:0}#editor-view .composition{grid-area:layers;display:flex;flex-direction:column;position:static;width:auto;min-width:0;min-height:0;padding:0;border:1px solid #2d3134;border-radius:10px;background:#171a1c;overflow:auto}.composition-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 14px;border-bottom:1px solid #292e31;font-size:12px}.inspector-badge{font-size:7px;letter-spacing:1px;color:#879480}.composition-tools{display:flex;gap:5px;padding:14px 10px}.composition-tools button{flex:1;background:transparent;border-color:#303639;color:#a7b2b8;padding:7px 2px;font-size:10px}.composition-list{padding:0 8px 15px}.composition-row{display:flex;align-items:center;border-radius:7px;margin:4px 0;background:#1d2225;border:1px solid #ffffff06}.composition-row:has(.selected){background:#c6afff0b;border-color:#c6afff35}.composition-row>button{flex:1;text-align:left;border:0;background:transparent;padding:13px 10px;font-size:12px;color:#bdc6c9}.composition-row>button.selected{color:#c4eaa4}.layer-eye{position:relative;cursor:pointer;padding:10px;font-size:12px;color:#b7c5ae}.layer-eye input{position:absolute;opacity:0;width:20px;height:20px;margin:0;inset:8px}.layer-eye input:not(:checked)+span{opacity:.25}.layer-eye:has(input:focus-visible){outline:2px solid #c6afff;outline-offset:-3px}.composition-settings{padding:16px 12px;border-top:1px solid #2b3033}.composition-settings summary{cursor:pointer;font-size:11px;color:#b4c0c7;list-style-position:inside}.composition-settings .field-row{gap:9px;margin-top:17px}.composition-settings select{font-size:10px}.composition-settings .template-grid{grid-template-columns:1fr;margin:15px 0 0}.composition-settings .template-grid button{height:auto;min-height:62px;padding:12px;font-size:11px}.composition-settings .template-grid b{display:inline;font-size:14px;margin-right:9px}.composition-note{margin-top:auto;padding:20px 12px;color:#738479;font-size:9px;display:flex;align-items:center;gap:6px}.composition #new-project{margin:0 12px 16px;background:#c6afff0c;color:#bcdf9c;border-color:#c6afff29;font-size:10px;padding:10px}#editor-view .controls{grid-area:inspector;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:none;padding:0;overflow:hidden;background:#181c1f;border:1px solid #2d3235;border-radius:10px}#editor-view .inspector-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;margin:0;border-bottom:1px solid #2a3034}#editor-view .inspector-heading .eyebrow{font-size:7px;display:block;color:#7f8d96;letter-spacing:1.6px}#inspector-context{display:block;font-size:15px;font-weight:500;margin-top:6px;color:#e0e8de}#editor-view .tool-tabs{flex-shrink:0;margin:12px 14px 0;position:static;padding:3px;background:#101518}#editor-view .tool-tabs button{font-size:10px;padding:9px 5px}.inspector-scroll{padding:0 16px 20px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#435046 transparent}.inspector-position,.inspector-effect{border-bottom:1px solid #2c3336;padding:17px 0}.inspector-position>summary,.inspector-effect>summary{font-size:11px;cursor:pointer;color:#c3cecb;list-style-position:inside}.inspector-effect>summary{display:flex;justify-content:space-between;align-items:center}.inspector-effect>summary span{font-size:7px;letter-spacing:1px;color:#94ad82}.inspector-position .layer-values{margin:14px 0 0}.inspector-position .hint{margin:12px 0 0}#editor-view .panel-title{margin:20px 0 18px}#editor-view .panel-title h2{font-size:16px;letter-spacing:-.3px;font-weight:500}#editor-view .upload{padding:20px 12px;border-radius:8px}#editor-view .upload strong{font-size:12px}#editor-view .upload span{font-size:10px}#editor-view .upload.compact{padding:14px 10px}#editor-view .beat-panel{border:0;background:transparent;padding:0;margin:18px 0 0}#editor-view .beat-heading h3{font-size:17px}#editor-view .beat-heading .eyebrow{display:none}#editor-view .field{margin-top:17px;margin-bottom:18px}#editor-view .visual-settings{gap:0 12px}#editor-view .line{grid-template-columns:43px 43px minmax(0,1fr) 23px;gap:5px}#editor-view .cue-labels{grid-template-columns:43px 43px minmax(0,1fr) 23px}#editor-view .line textarea{min-height:72px;font-size:11px}#editor-view .line input{font-size:10px}#editor-view .hint{font-size:10px;line-height:1.65;color:#87969f}#editor-view .preview-area{grid-area:canvas;min-height:0;min-width:0;padding:0;display:flex;flex-direction:column;border:1px solid #2d3336;border-radius:10px;overflow:hidden;background:#111517}#editor-view .preview-top{flex-shrink:0;display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:12px 16px;border-bottom:1px solid #282e31;font-size:8px;letter-spacing:1px}#editor-view .preview-top .live-dot{color:#a2afa6;font-size:8px}#format-label{color:#74828c;font-size:9px;letter-spacing:0}.canvas-view-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.canvas-view-controls label{display:flex;align-items:center;gap:6px;letter-spacing:0;color:#8a999f;font-size:9px}.canvas-view-controls select{width:64px;padding:5px 6px;font-size:10px;background:#1c2428}.canvas-view-controls button{font-size:9px;padding:6px 8px;background:transparent;border-color:#ffffff12;color:#a6b6bc}#editor-view .stage-wrap{height:auto;min-height:0;max-height:none;flex:1;display:block;padding:0;overflow:auto;position:relative;background:radial-gradient(ellipse at center,#20282b 0,#14191c 70%);scrollbar-width:thin;scrollbar-color:#3d4a4b transparent}.canvas-surface{width:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:24px;box-sizing:border-box}#editor-view .stage-wrap canvas{max-width:none;max-height:none;display:block;box-shadow:0 12px 50px #0008;border-radius:1px;flex-shrink:0}#editor-view .preview-options{flex-shrink:0;margin:0;padding:10px 14px;border-top:1px solid #293034;gap:12px;flex-wrap:wrap;font-size:9px;background:#151b1e}#editor-view .preview-options span{margin-left:auto;flex-basis:auto;font-size:9px}#editor-view .preview-options button{font-size:9px;padding:4px 7px}#editor-view .timeline-panel{display:flex;flex-direction:column;position:relative;min-height:0;border:1px solid #30373a;border-radius:10px;background:#171c1f;margin:0;padding:0;overflow:hidden}#timeline-resize{height:7px;cursor:ns-resize;flex-shrink:0;display:grid;place-items:center;touch-action:none;background:#1b2225}#timeline-resize span{width:32px;height:2px;background:#52614f;border-radius:3px}#editor-view .timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0;margin:0;padding:9px 16px;border-bottom:1px solid #2e3639;min-height:46px}#editor-view .timeline-heading>div:first-child{white-space:nowrap}#editor-view .timeline-heading strong{font-size:11px;color:#c1ceca}#editor-view .timeline-heading>div:first-child>span{display:none}#editor-view .timeline-heading label{font-size:9px}#editor-view .timeline-heading input[type=range]{width:90px}.timeline-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.timeline-actions button{font-size:9px;padding:6px 9px;background:transparent;border-color:#ffffff13}#timeline-audio-label{display:block!important;font-size:9px!important;color:#82969c!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin:0!important}#editor-view .transport{display:flex;gap:10px;flex:1;max-width:390px;min-width:150px;margin:0;background:none;border:0;padding:0}#editor-view .transport #play{width:30px;height:30px;font-size:11px;flex-shrink:0}#editor-view .transport #seek{min-width:40px;width:auto;flex:1}#editor-view .transport span{font-size:10px;color:#b5c4bb;font-variant-numeric:tabular-nums}.timeline-tracks{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.timeline-track-labels{border-right:1px solid #333d3e;background:#1a2225;color:#7c9391;font-size:8px;letter-spacing:.8px}.timeline-track-labels span{display:block;padding-left:12px;border-bottom:1px solid #2e3739}.timeline-track-labels span:nth-child(1){height:28px;padding-top:8px}.timeline-track-labels span:nth-child(2){height:65px;padding-top:25px}.timeline-track-labels span:nth-child(3){padding-top:12px}#editor-view #timeline-scroll{max-height:none!important;min-height:0;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#465a4a #141b1c}#editor-view #timeline-content{min-height:100%}#editor-view #ruler{background:#171e21}#editor-view #clips{background:repeating-linear-gradient(to bottom,#18201e 0 33px,#ffffff06 33px 34px)}#editor-view .clip{font-size:10px;background:#304832;border-color:#6f975b}.timeline-collapsed>.editor{grid-template-rows:minmax(0,1fr) 60px!important}#editor-view.layers-collapsed .editor-grid{grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:'canvas inspector'}#editor-view.layers-collapsed .composition{display:none}#editor-view.inspector-collapsed .editor-grid{grid-template-columns:210px minmax(0,1fr);grid-template-areas:'layers canvas'}#editor-view.inspector-collapsed .controls{display:none}#editor-view.layers-collapsed.inspector-collapsed .editor-grid,#editor-view.focus-mode .editor-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'canvas'}#editor-view.focus-mode .composition,#editor-view.focus-mode .controls{display:none}#toast{z-index:150}#editor-view input,#editor-view select,#editor-view textarea{accent-color:#c6afff}#editor-view details[open]>summary{margin-bottom:5px}#studio-workspace:has(#editor-view:not([hidden]))>header #signed-in-name{display:none}#studio-workspace:has(#editor-view:not([hidden]))>header #account-logout{display:none}@media(max-width:1500px){#editor-actions #project-name{width:145px}#editor-actions #save-status{max-width:110px}#editor-actions{gap:5px}#editor-actions button{padding:8px 7px}#editor-actions #undo,#editor-actions #redo{font-size:0;width:30px}#editor-actions #undo::before{content:'↶';font-size:15px}#editor-actions #redo::before{content:'↷';font-size:15px}}@media(max-width:1250px){#editor-view .editor-grid{grid-template-columns:180px minmax(0,1fr) 320px}#editor-view.layers-collapsed .editor-grid{grid-template-columns:minmax(0,1fr) 320px}#editor-view.inspector-collapsed .editor-grid{grid-template-columns:180px minmax(0,1fr)}#editor-actions #save-status{max-width:85px;font-size:8px}#editor-actions #download,#editor-actions #save-now{display:none}#editor-actions .project-title{margin-right:0}#editor-actions #project-name{width:135px}#editor-view .preview-top{padding:10px;gap:8px}.canvas-view-controls label{font-size:0}.canvas-view-controls button{display:none}#timeline-audio-label{max-width:160px}.composition-heading{padding:15px 10px}.composition-heading .inspector-badge{display:none}}@media(max-width:1050px){#editor-actions button>span{display:none}#editor-actions #toggle-layers,#editor-actions #toggle-inspector,#editor-actions #focus-mode{font-size:14px;padding:5px 9px}#editor-actions #project-name{width:125px}.brand span{margin-left:5px}#editor-actions #save-status{display:none}.timeline-actions{gap:7px}#timeline-audio-label{max-width:100px}#editor-view .timeline-heading{gap:12px}}@media(max-width:900px){#studio-workspace>header{padding:0 12px;height:58px}#studio-workspace>header .brand{font-size:17px}#studio-workspace>header .brand span{font-size:14px}#editor-view{height:calc(100dvh - 58px)}#editor-view>.editor{padding:7px;gap:7px}#editor-view .editor-grid,#editor-view.layers-collapsed .editor-grid,#editor-view.inspector-collapsed .editor-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'canvas';position:relative;gap:0}#editor-view .composition,#editor-view .controls{display:none;position:absolute;top:0;bottom:0;z-index:20;box-shadow:0 15px 50px #000b}#editor-view.mobile-layers-open .composition{display:flex;left:0;width:225px}#editor-view.mobile-inspector-open .controls{display:flex;right:0;width:min(350px,95%)}#editor-view .preview-area{order:0;min-height:0;padding:0}#editor-view .stage-wrap{height:auto;flex:1;min-height:0}#editor-view .timeline-panel{padding:0}#editor-view .controls{padding:0;max-height:none}#editor-actions #cloud-open{display:block}#editor-actions #export-open{font-size:9px;padding:9px}#editor-view .timeline-heading{padding:8px 10px}#editor-view .timeline-heading label input{width:65px}#timeline-audio-label{display:none!important}#editor-view .transport{max-width:none}#editor-view .preview-options span{font-size:8px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:600px){#studio-workspace>header{gap:7px;padding:0 9px}#studio-workspace>header .brand{font-size:15px}#studio-workspace>header .brand span{display:none}#editor-actions{gap:4px}#editor-actions #project-name{width:100px;font-size:11px}#editor-actions .project-title-label{display:none}#editor-actions #undo,#editor-actions #redo{display:none}#editor-actions #cloud-open{font-size:0;width:27px;padding:7px 0}#editor-actions #cloud-open::before{content:'⌂';font-size:14px}#editor-actions #toggle-layers,#editor-actions #toggle-inspector,#editor-actions #focus-mode{padding:5px;font-size:14px}#editor-actions #export-open{font-size:8px;padding:8px}#editor-view .timeline-heading>div:first-child{display:none}#editor-view .timeline-heading{gap:8px}#editor-view .timeline-heading label{font-size:0}#editor-view .timeline-heading label input{width:48px}.timeline-track-labels{font-size:7px}.timeline-tracks{grid-template-columns:58px minmax(0,1fr)}.timeline-track-labels span{padding-left:7px}#editor-view .preview-top{padding:8px;font-size:7px;gap:6px}#editor-view .preview-top .live-dot{font-size:7px}#format-label{font-size:8px}.canvas-view-controls select{font-size:9px;width:57px}#editor-view .preview-options{padding:8px 10px;gap:8px}#editor-view .preview-options span{max-width:45%}#project-home{padding-top:35px}}
#editor-view.focus-mode .editor-grid,#editor-view.layers-collapsed.inspector-collapsed .editor-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'canvas'!important}
#editor-view #timeline-resize:focus-visible{outline:2px solid #c6afff;outline-offset:-2px}
.project-card-actions a{display:inline-flex;align-items:center;border:1px solid #363940;background:#23262c;border-radius:8px;padding:10px 14px;font-size:12px;color:#e9edf2;text-decoration:none}.project-card-actions a:hover{border-color:#c6afff}.project-card-actions a:focus-visible{outline:2px solid #c6afff;outline-offset:3px}#page-error{max-width:620px;margin:12vh auto;padding:32px}#page-error h1{font-size:36px;letter-spacing:-1.3px}#page-error-message{color:#a9b5bc;line-height:1.8}#page-error>div{display:flex;gap:12px;margin-top:26px}#page-error-home{background:#c6afff;color:#17230f;border-color:#c6afff}
.home-create-action{display:flex;align-items:center;gap:22px;margin:32px 0 48px}.home-create-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#c6afff;color:#17220f;border:0;border-radius:11px;padding:16px 22px;font-size:14px;font-weight:650;box-shadow:0 9px 28px #c6afff14;transition:transform .2s,box-shadow .2s}.home-create-button:hover{background:#d8c2ff;transform:translateY(-2px);box-shadow:0 12px 35px #c6afff25}.create-plus{font-size:23px;font-weight:400;line-height:1}.home-create-action>p{font-size:12px;color:#8c9ca3;max-width:260px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-wizard{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#e9f0e5;background:#0f171a;overflow-y:auto;isolation:isolate}.project-wizard[open]{display:flex;flex-direction:column;animation:wizard-open .35s ease-out}.project-wizard::backdrop{background:#0b1114}.wizard-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#46693124,transparent 45%),radial-gradient(ellipse at 15% 85%,#28425138,transparent 50%)}.project-wizard .wizard-header{height:85px;min-height:85px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff07;background:transparent}.wizard-header .account-brand{font-size:24px}.wizard-header-note{font-size:8px;letter-spacing:2px;color:#71877e}.wizard-header #wizard-close{font-size:26px;background:transparent;border:1px solid #ffffff12;width:38px;height:38px;padding:0;border-radius:50%;color:#93a69f}.wizard-header #wizard-close:hover{color:#d2edba;border-color:#c6afff50}#wizard-progress{display:block;width:100%;height:3px;border:0;background:#ffffff06;accent-color:#c6afff;flex-shrink:0}#wizard-progress::-webkit-progress-bar{background:#ffffff06}#wizard-progress::-webkit-progress-value{background:#c6afff;transition:width .35s ease}#wizard-progress::-moz-progress-bar{background:#c6afff}.wizard-form{width:min(900px,90vw);margin:auto;padding:50px 0 32px;position:relative}.wizard-question-block .eyebrow{font-size:9px;letter-spacing:2px;color:#a2c885}.wizard-question-block h1{font-size:clamp(32px,4.7vw,60px);font-weight:500;line-height:1.14;letter-spacing:-2.5px;margin:20px 0 16px}.wizard-question-block>p:last-child{font-size:15px;color:#8fa29d;line-height:1.8;max-width:680px;margin-bottom:32px}.wizard-step:not([hidden]){animation:wizard-step-in .32s cubic-bezier(.2,.7,.2,1) both}.project-wizard[data-direction=back] .wizard-step:not([hidden]){animation-name:wizard-step-back}#wizard-name{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #748a6355;color:#c6eea3;border-radius:0;padding:14px 0 18px;font-size:clamp(26px,4vw,43px);font-weight:400;letter-spacing:-1px;outline-offset:10px}#wizard-name::placeholder{color:#74887666}.wizard-field-note{font-size:11px;color:#70887e;margin-top:18px;line-height:1.7}.wizard-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.wizard-next{background:#c6afff;color:#17250d;border:0;border-radius:9px;padding:14px 22px;font-size:14px;font-weight:650;min-width:150px;transition:transform .15s,background .15s}.wizard-next:hover{background:#d8c2ff;transform:translateX(2px)}.wizard-enter-hint{font-size:10px;color:#748c7e}.wizard-enter-hint kbd{font:inherit;color:#b8cfaa;margin-left:3px}.wizard-later-row{display:flex;align-items:center;gap:18px;margin-top:20px}.wizard-later-row>button{font-size:12px;padding:6px 0;background:transparent;border:0;border-bottom:1px solid #7d95805c;border-radius:0;color:#a9bca7}.wizard-later-row>button:hover{color:#c8e6b0}.wizard-later-row>span{font-size:10px;color:#647f73}.project-wizard .wizard-footer{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:20px 5vw 28px;color:#60786b;gap:20px;font-size:8px;letter-spacing:1.8px}.wizard-footer>button{font-size:11px;background:transparent;border-color:#ffffff0d;color:#a0b496;padding:9px 14px}.wizard-footer>span:last-child{margin-left:0;font-size:8px}.wizard-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wizard-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px dashed #6d85504d;border-radius:14px;min-height:200px;padding:25px 20px;background:#c6afff04;overflow:hidden;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.wizard-upload:hover,.wizard-upload:focus-within{border-color:#c6afff90;background:#c6afff08}.wizard-upload-icon{font-size:32px;color:#abd589;line-height:1}.wizard-upload strong{font-size:14px;font-weight:500;color:#d6e5cd}.wizard-upload>span:last-of-type{font-size:10px;color:#7e9887;max-width:100%;overflow-wrap:anywhere;line-height:1.5}.wizard-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.wizard-upload img{width:62px;height:62px;object-fit:cover;border-radius:8px}.wizard-upload:has(img:not([hidden])) .wizard-upload-icon{display:none}.wizard-remove{font-size:10px;margin:10px 0 0;background:transparent;border:0;color:#9fb38e;padding:4px 0}.wizard-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wizard-choice-grid>button{position:relative;min-width:0;text-align:left;border:1px solid #ffffff12;border-radius:13px;padding:22px 18px;background:#1b2526;color:#bbcdbb;transition:transform .2s,border-color .2s,background .2s}.wizard-choice-grid>button[aria-pressed=true]{border-color:#c6afff;background:#253322;box-shadow:0 0 0 1px #c6afff20}.wizard-choice-grid>button[aria-pressed=true]::after{content:'✓';position:absolute;right:12px;top:11px;color:#c6afff;font-size:13px}.wizard-choice-grid>button:hover{transform:translateY(-3px);border-color:#9fca70}.wizard-choice-grid strong{display:block;font-size:14px;font-weight:500;margin-top:20px}.wizard-choice-grid>button>span:last-child{display:block;color:#7d9785;font-size:10px;margin-top:9px;line-height:1.5}.format-outline{display:block;margin:9px auto 22px;border:2px solid #b0cd994f;border-radius:5px;background:linear-gradient(140deg,#c6afff12,#c6afff03);height:90px;position:relative}.format-outline::after{content:'';position:absolute;left:20%;right:20%;bottom:23%;height:2px;background:#c6afff77;box-shadow:0 -8px #c6afff44}.format-tall{width:51px}.format-square{width:90px}.format-wide{width:120px;max-width:100%;height:68px;margin-top:31px}.wizard-look-card .look-preview{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;height:155px;overflow:hidden;border-radius:8px;background:#17251f;color:#c2eca1;gap:15px}.look-type{font-size:22px;line-height:1.1;font-weight:650;letter-spacing:-.8px;text-align:center}.look-wave{font-size:20px;letter-spacing:4px;opacity:.6}.look-orbit .look-preview{background:radial-gradient(ellipse at center,#603d75,#231a2c);color:#dac7ef}.look-ring{width:100px;height:100px;border:2px solid #bda4dc77;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px #bda4dc0a}.look-ring>span{display:grid;place-items:center;width:65px;height:65px;border-radius:5px;background:#392c4b;font-size:28px}.look-bold .look-preview{background:#e8e1d3;color:#de623f}.look-bold .look-type{font-size:30px;line-height:.95;font-weight:800}.look-bold .look-wave{font-size:16px}#wizard-status{min-height:22px;font-size:12px;color:#d7d79e;line-height:1.7;margin:20px 0 0;overflow-wrap:anywhere}.project-wizard[aria-busy=true] .wizard-step{opacity:.55}.project-wizard[aria-busy=true] #wizard-next{cursor:wait}.project-wizard button:focus-visible{outline:2px solid #c1f393;outline-offset:4px}@keyframes wizard-open{from{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes wizard-step-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wizard-step-back{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.home-create-action{align-items:flex-start;flex-direction:column;gap:8px;margin:26px 0 35px}.home-create-action>p{max-width:none;margin:7px 0}.project-wizard .wizard-header{height:68px;min-height:68px}.wizard-header .account-brand{font-size:20px}.wizard-header-note{display:none}.wizard-form{padding:35px 0 25px;width:88vw}.wizard-question-block h1{letter-spacing:-1.4px;font-size:36px}.wizard-question-block>p:last-child{font-size:13px;margin-bottom:24px}.wizard-choice-grid{gap:9px}.wizard-choice-grid>button{padding:16px 10px}.wizard-choice-grid strong{font-size:12px}.wizard-choice-grid>button>span:last-child{font-size:9px}.format-outline{height:76px}.format-tall{width:43px}.format-square{width:76px}.format-wide{width:90px;height:51px;margin-top:34px}.wizard-look-card .look-preview{height:115px}.look-type{font-size:17px}.look-bold .look-type{font-size:22px}.look-wave{font-size:12px;letter-spacing:1px}.look-ring{width:72px;height:72px}.look-ring>span{width:48px;height:48px;font-size:22px}.wizard-later-row{flex-direction:column;align-items:flex-start;gap:9px}.wizard-enter-hint{display:none}.wizard-media-grid{gap:12px}.wizard-upload{min-height:175px;padding:20px 10px}.wizard-upload strong{font-size:12px}.project-wizard .wizard-footer{padding-bottom:20px}.wizard-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.project-wizard[open],.wizard-step:not([hidden]){animation:none!important}.wizard-choice-grid>button,.wizard-next,.home-create-button,#wizard-progress::-webkit-progress-value{transition:none!important}.wizard-choice-grid>button:hover,.wizard-next:hover,.home-create-button:hover{transform:none}}
#editor-actions:has(#save-status[data-error=true]) #save-now{display:inline-flex!important;border-color:#cfb069;color:#ecd79e}
/* Bound pane content to the viewport; legacy auto margins must not size the grid. */
#editor-view>.editor{height:100%;max-height:100%;margin:0;overflow:hidden;min-width:0}
#editor-view .editor-grid{grid-template-rows:minmax(0,1fr);height:100%;max-height:100%;overflow:hidden}
#editor-view .composition,#editor-view .controls,#editor-view .preview-area{height:100%;max-height:100%;min-height:0}
#editor-view .inspector-scroll{flex:1 1 0%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none}
#editor-view .stage-wrap{flex:1 1 0%;min-height:0;contain:size;overflow-anchor:none}
#editor-view .canvas-surface{align-content:center;justify-content:center}

/* Artist house: a shared creative identity across the toolkit and editor. */
:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;background:#111014;color:#f2eee8;--artist-accent:#c6afff;--artist-muted:#a8a0b0}
body{background:#111014}button{transition:background .18s,border-color .18s,transform .18s}button:hover{border-color:var(--artist-accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d2bcff;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}.primary,#export-open{background:#c6afff;color:#20152e;border-color:#c6afff}.brand span{color:#c6afff}.brand i{color:#d1bcff;background:#30253f}.eyebrow{color:#b7a5cc}
#studio-workspace>header{background:#17151b;border-bottom-color:#302a37}.account-brand span{color:#c6afff}.account-story h1{letter-spacing:-.06em}.account-orbit{color:#c6afff}.account-card{border-color:#3b3246;background:#1b171f}
#project-home{max-width:1336px;margin:0 auto;padding:64px 48px 40px}.home-heading{align-items:flex-start;gap:24px}.home-heading h1{font-size:clamp(36px,4.6vw,68px);font-weight:650;letter-spacing:-.065em;line-height:1.06;margin:18px 0}.home-heading p:not(.eyebrow){max-width:540px;font-size:16px;line-height:1.7;color:#b6aebe}.account-storage{color:#b7a5cc;border:1px solid #3b3145;background:#211c29;border-radius:24px;padding:10px 14px;white-space:nowrap}.home-create-action{margin:26px 0 38px;display:flex;align-items:center;gap:20px}.home-create-action p{color:#968c9f;font-size:12px}.home-create-button{background:#c6afff;color:#24162e;border:0;border-radius:12px;padding:14px 18px;min-width:220px}.home-create-button .create-plus{background:#b49ae9;color:#24162e}.artist-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:56px}.artist-tool{position:relative;text-align:left;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:24px;border-radius:18px;border:1px solid #3b3245;background:#201a28;color:#f2eee8}.artist-tool:hover{transform:translateY(-4px);background:#27202f}.tool-number{font-size:10px;letter-spacing:2px;color:#b4a6c2}.tool-art{height:164px;display:flex;align-items:center;justify-content:center;margin:18px 0 22px;position:relative;border-radius:10px;overflow:hidden}.motion-art{font-size:140px;letter-spacing:9px;color:#d2bcff;background:radial-gradient(ellipse at center,#63408188,transparent 70%);text-shadow:12px 0 #82609c,-12px 0 #493257}.lyric-art{display:block;padding:28px 10px;font-size:34px;font-weight:750;line-height:1.1;letter-spacing:-1.5px;color:#f4dbc9}.lyric-art em{font-family:Georgia,serif;font-weight:400;color:#d5a79c}.tool-lyrics{background:#272020}.tool-lyrics:hover{background:#302525}.cover-art{background:radial-gradient(circle at 70% 25%,#eeb18c 0,transparent 45%),linear-gradient(135deg,#503582,#b97787 65%,#e9c4a6)}.cover-art i{width:104px;height:104px;border:18px solid #ead9fc99;border-radius:50%;box-shadow:0 0 40px #fce4dc66;transform:rotate(-30deg) scaleX(.75)}.artist-tool strong{font-size:22px;font-weight:600;letter-spacing:-.6px;display:flex;justify-content:space-between;gap:10px}.artist-tool p{font-size:13px;line-height:1.65;color:#b8aebe;max-width:270px;margin:12px 0 24px}.tool-link{font-size:12px;color:#dac8f6;margin-top:auto}.home-list-heading h2{font-size:22px;letter-spacing:-.5px}.project-card{background:#1a171e;border-color:#342d3d;border-radius:14px;overflow:hidden}.project-card-art{background:radial-gradient(ellipse at 70% 30%,#423052,#211a2b)}.project-card-art i{background:#baa1e8}.project-card-actions a{color:#d2bcff}.home-import{border-color:#342d3d;color:#998fa4}#home-empty{border:1px dashed #45374f;background:#1a161f;border-radius:18px}#home-empty>span{color:#c6afff}
#editor-view .composition,#editor-view .controls,#editor-view .timeline-panel{background:#19161e;border-color:#342c3e}#editor-view .preview-area{background:#121015}#editor-view .composition-row button.selected,#editor-view [role=tab][aria-selected=true]{background:#352741;color:#e1caff;border-color:#604775}#editor-view .composition-note{color:#ad9cbd}#editor-view input:checked{accent-color:#c6afff}#editor-view .stage-wrap{background-color:#141117}#editor-view .inspector-badge{color:#ccb2ed;background:#33263e}#project-wizard{background:#19151f;border-color:#45364f}#wizard-progress{accent-color:#c6afff}
.artwork-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;background:#1d1725;border:1px solid #544165;color:#f2eee8;border-radius:22px;padding:32px;box-shadow:0 28px 100px #0009}.artwork-dialog::backdrop{background:#0b0812c9;backdrop-filter:blur(12px)}.ai-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ai-dialog-heading button{border:0;background:transparent;font-size:25px;padding:0 6px}.artwork-dialog h2{font-size:clamp(26px,4vw,38px);letter-spacing:-1.6px;margin:24px 0 12px}.ai-intro{color:#b7a8c5;line-height:1.6}#ai-form label{font-size:12px;color:#cdbedb}#ai-prompt{display:block;width:100%;resize:vertical;min-height:110px;margin:10px 0 12px;border:1px solid #59456c;background:#141019;color:#f2eee8;border-radius:12px;padding:15px;line-height:1.6}.ai-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ai-presets button{font-size:11px;background:#2b2036;border-color:#4b385e;border-radius:24px}.artwork-dialog #ai-status{color:#c2b3cf;font-size:12px;line-height:1.65;min-height:20px}#ai-preview{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:12px;background:#110e15}.ai-result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin:18px 0}.ai-result-actions a{color:#ddc5ff;text-decoration:none;padding:12px 0}.ai-editor-launch{display:grid;gap:10px;padding-bottom:20px}.ai-editor-launch button{background:#33243f;color:#e6ceff;border-color:#5d4273}
@media(max-width:900px){#project-home{padding:36px 24px}.artist-tools{gap:12px}.artist-tool{padding:18px}.tool-art{height:130px}.lyric-art{font-size:27px}.artist-tool strong{font-size:18px}.account-storage{display:none}}
@media(max-width:640px){.artist-tools{grid-template-columns:1fr;margin-bottom:32px}.artist-tool{padding:22px}.tool-art{height:140px}.home-create-action{align-items:flex-start;flex-direction:column;gap:6px}.home-create-action p{margin:4px 0}.artwork-dialog{padding:22px}.home-heading h1{font-size:44px}.artist-tool p{max-width:none}}
@media(prefers-reduced-motion:reduce){.artist-tool,button{transition:none}.artist-tool:hover{transform:none}}

/* Studio transition screen: an indeterminate animation, never a simulated percentage. */
#workspace-busy{z-index:100;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#2a1d39 0%,#17121e 45%,#100e14 100%);color:#f2eee8;padding:32px 24px;text-align:center;isolation:isolate}
#workspace-busy:not([hidden]) .studio-loader{animation:loader-enter .35s ease-out both}.studio-loader{width:min(100%,400px);position:relative}.loader-brand{font-size:24px;font-weight:750;letter-spacing:-1.2px;color:#f2eee8}.loader-brand span{font-weight:400;color:#c6afff;margin-left:7px}.loader-visual{height:206px;position:relative;display:grid;place-items:center;margin-top:20px}.loader-halo{position:absolute;width:180px;height:180px;border:1px solid #b994f02b;border-radius:50%;box-shadow:0 0 70px #a877e515,inset 0 0 40px #a877e509;animation:loader-breathe 3s ease-in-out infinite}.loader-halo:after{content:'';position:absolute;inset:15px;border:1px solid #b994f018;border-radius:50%}.loader-disc{width:104px;height:104px;display:grid;place-items:center;border:1px solid #c9a8f553;border-radius:28px;background:linear-gradient(145deg,#55406c,#271b36);box-shadow:0 20px 60px #08050d66,inset 0 1px 0 #ffffff20;transform:rotate(-9deg)}.loader-disc span{font-size:56px;font-weight:750;letter-spacing:-6px;padding-right:6px;color:#e8d7ff;transform:rotate(9deg)}.loader-wave{position:absolute;bottom:20px;display:flex;align-items:center;justify-content:center;gap:4px;height:34px;padding:0 15px;background:#1b1424;border:1px solid #654b7e;border-radius:20px;box-shadow:0 6px 16px #100b1866}.loader-wave i{display:block;width:3px;height:18px;background:#c6afff;border-radius:3px;transform-origin:center;animation:loader-wave 1.15s ease-in-out infinite}.loader-wave i:nth-child(2),.loader-wave i:nth-child(6){animation-delay:-.3s;height:12px}.loader-wave i:nth-child(3),.loader-wave i:nth-child(5){animation-delay:-.6s;height:22px}.loader-wave i:nth-child(4){animation-delay:-.9s;height:26px}.loader-wave i:nth-child(7){animation-delay:-.45s}.loader-eyebrow{font-size:9px;letter-spacing:2.7px;color:#b19bc5;margin:25px 0 14px}.studio-loader h2{font-size:clamp(28px,5vw,38px);font-weight:550;letter-spacing:-1.5px;line-height:1.15;margin:0 0 14px}.loader-caption{font-size:13px;line-height:1.6;color:#ac9dbb;margin:0}.loader-track{height:2px;width:128px;margin:28px auto 0;background:#45364e;border-radius:2px;overflow:hidden}.loader-track span{display:block;height:100%;width:45%;background:linear-gradient(90deg,transparent,#d8bbff,transparent);animation:loader-travel 1.8s ease-in-out infinite}.loader-footnote{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:20px;right:20px;margin:0;font-size:8px;letter-spacing:3px;color:#80708f}
@keyframes loader-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loader-wave{0%,100%{transform:scaleY(.4);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes loader-breathe{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.05);opacity:1}}@keyframes loader-travel{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(max-height:540px){.loader-visual{height:120px;margin-top:8px}.loader-halo{height:120px;width:120px}.loader-disc{height:72px;width:72px;border-radius:20px}.loader-disc span{font-size:40px}.loader-wave{bottom:0}.loader-eyebrow{margin:15px 0 10px}.loader-track{margin-top:18px}.loader-footnote{display:none}}
@media(prefers-reduced-motion:reduce){#workspace-busy .studio-loader,#workspace-busy .loader-halo,#workspace-busy .loader-wave i,#workspace-busy .loader-track span{animation:none}.loader-track span{width:100%;opacity:.7}}

/* Artwork creator: focused questions, a private collection, and a real export size. */
.artwork-wizard{width:min(820px,calc(100vw - 32px));padding:32px 40px}.artwork-wizard .ai-dialog-heading>div{display:flex;align-items:center;gap:20px}.artwork-wizard #ai-library{font-size:11px;padding:8px 12px;border:1px solid #584268;border-radius:20px}.ai-step-meta{display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:1.5px;color:#b9a2cf;margin-bottom:24px}.ai-step-meta progress{width:110px;height:3px;accent-color:#c6afff}.ai-question{animation:artwork-question-in .28s ease both}.ai-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.ai-purpose-grid button{display:flex;flex-direction:column;gap:9px;text-align:left;background:#241c2e;border:1px solid #4b385d;padding:20px 16px;min-width:0;border-radius:14px}.ai-purpose-grid button[aria-pressed=true],.ai-style-grid button[aria-pressed=true]{border-color:#d2b6ff;box-shadow:0 0 0 1px #d2b6ff;background-color:#352447}.ai-purpose-icon{font-size:28px;color:#d4bcf5;margin-bottom:10px}.ai-purpose-grid strong{font-size:14px;font-weight:550}.ai-purpose-grid button>span:not(.ai-purpose-icon){font-size:11px;line-height:1.5;color:#b5a3c5}.ai-purpose-grid small{font-size:10px;color:#dac7ee;margin-top:auto;padding-top:8px}.ai-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.ai-style-card{display:flex;flex-direction:column;text-align:left;gap:9px;min-height:164px;padding:22px;border:1px solid #574269;background:#281c34;overflow:hidden}.ai-style-card>span{font-size:36px;color:#ddc3ff}.ai-style-card strong{font-size:16px;font-weight:550}.ai-style-card small{font-size:11px;color:#c3b1d0}.ai-style-film{background:linear-gradient(135deg,#372c2e,#4a333d)}.ai-style-abstract{background:linear-gradient(135deg,#252734,#534768)}.ai-style-minimal{background:#25212b}.ai-wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}.ai-wizard-actions #ai-back{background:transparent;border:0;color:#baa7cb;padding-left:0}.ai-summary{font-size:11px;color:#d2bae9;line-height:1.7;background:#2a1e36;border:1px solid #4d355e;border-radius:10px;padding:10px 14px}.artwork-wizard #ai-prompt{min-height:150px}.artwork-wizard .hint{font-size:11px;line-height:1.65;color:#a998b9}.ai-new{display:block;padding:8px 0;background:transparent;border:0;border-radius:0;font-size:11px;color:#cbb0e6}.ai-generating{text-align:center;padding:24px 0 36px}.ai-generating-orbit{height:190px;width:190px;margin:10px auto 28px;position:relative;display:grid;place-items:center}.ai-generating-orbit:before,.ai-generating-orbit:after{content:'';position:absolute;inset:6px;border:1px solid #c6afff32;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.ai-generating-orbit:after{transform:rotateX(55deg) rotate(55deg);inset:18px;border-color:#c6afff44}.ai-generating-orbit>span{font-size:80px;color:#d5b9ff;filter:drop-shadow(0 0 25px #b17ce777);animation:artwork-turn 12s linear infinite}.ai-generating-orbit i{position:absolute;height:8px;width:8px;border-radius:50%;background:#d9baff;box-shadow:0 0 15px #bd91ff;top:40px;left:20px;animation:loader-breathe 2s ease-in-out infinite}.ai-generating-orbit i:nth-last-child(2){top:130px;left:160px;animation-delay:-.6s}.ai-generating-orbit i:last-child{top:155px;left:50px;width:5px;height:5px;animation-delay:-1.2s}.ai-generating h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin-bottom:12px}.ai-generating p{color:#ac97bc;font-size:12px;line-height:1.7}.artwork-wizard #ai-preview-frame{width:100%;max-width:480px;margin:20px auto;background:#111014;overflow:hidden;border-radius:12px}.artwork-wizard #ai-preview{height:100%;width:100%;max-height:none;border-radius:0;object-fit:cover}.ai-fit-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#c7b4d5;margin-top:20px}.ai-fit-label select{background:#261b31;border:1px solid #574068;color:#e9d9f5;border-radius:8px;padding:9px}.ai-gallery-card{display:flex;flex-direction:column;gap:8px;padding:0 0 14px;background:#281e32;border:1px solid #493554;border-radius:12px;overflow:hidden;text-align:left;min-width:0}.ai-gallery-card img{display:block;aspect-ratio:1;width:100%;object-fit:cover}.ai-gallery-card strong{font-size:12px;font-weight:500;padding:0 12px}.ai-gallery-card>span{font-size:10px;color:#ad99bd;padding:0 12px}#ai-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}#ai-more{display:block;margin:12px auto}.home-artwork-collection{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#2d203c,#1c1724);border:1px solid #4a355e;padding:28px 30px;border-radius:16px;margin:0 0 48px}.home-artwork-collection h2{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:10px 0}.home-artwork-collection p{font-size:12px;line-height:1.6;color:#b6a4c4;margin:0}.home-artwork-collection button{white-space:nowrap;background:#3d2b50;color:#e3cdf6;border-color:#694a83}
@keyframes artwork-question-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes artwork-turn{to{transform:rotate(360deg)}}
@media(max-width:640px){.artwork-wizard{padding:22px}.ai-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-purpose-grid button{padding:15px 12px}.ai-purpose-grid strong{font-size:12px}.ai-style-card{padding:16px;min-height:145px}#ai-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-artwork-collection{align-items:flex-start;flex-direction:column;padding:24px}.artwork-wizard .ai-dialog-heading>div{gap:10px}.artwork-wizard .ai-dialog-heading>.eyebrow{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.ai-question,.ai-generating-orbit>span,.ai-generating-orbit i{animation:none}}

/* Projects: one creative library, from first cover to final video. */
.header-projects-link{color:#cbb9df;text-decoration:none;font-size:12px;padding:8px 4px}.header-projects-link:hover{color:#eedfff}.project-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.project-filters{display:flex;gap:5px;border:1px solid #3f314d;padding:4px;border-radius:12px;background:#19141f}.project-filters button{font-size:11px;background:transparent;border:0;color:#a99ab7;padding:9px 14px}.project-filters button[aria-pressed=true]{background:#38264b;color:#ead9ff;box-shadow:0 2px 8px #0002}.project-search input{font-size:12px;width:230px;background:#1c1622;color:#e5d8ee;padding:13px 16px;border:1px solid #42304e;border-radius:12px}.unified-project-card{transition:transform .2s,border-color .2s}.unified-project-card:hover{transform:translateY(-3px);border-color:#85609f}.unified-project-card .project-card-art{height:210px;padding:0;overflow:hidden;border-bottom:1px solid #3f2f4c;filter:none}.unified-project-card .project-card-art:has(img){background:#151019}.unified-project-card .project-card-art img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.unified-project-card:hover .project-card-art img{transform:scale(1.035)}.unified-project-card .project-card-art:not(:has(img)){padding:40px}.project-kind{display:inline-block;margin:18px 20px 0;color:#cdb2e9;font-size:9px;letter-spacing:1px;text-transform:uppercase}.unified-project-card h2{font-size:17px;line-height:1.45;margin:10px 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:49px}.unified-project-card>p{margin:0 20px 22px;font-size:10px}#projects-more{display:block;margin:28px auto}#project-home[data-page=projects]>.home-heading,#project-home[data-page=projects]>.home-create-action,#project-home[data-page=projects]>.artist-tools,#project-home[data-page=projects]>.home-artwork-collection{display:none}#project-home[data-page=projects]>.home-list-heading h2{font-size:42px;letter-spacing:-1.8px;font-weight:550}#project-home[data-page=projects]>.home-list-heading:before{content:'YOUR CREATIVE LIBRARY';font-size:9px;letter-spacing:2px;color:#b19ac7;position:absolute;top:-10px}.home-list-heading{position:relative}#project-home[data-page=projects]{padding-top:48px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Artwork creator: an editorial brief with a living visual direction. */
.artwork-wizard{width:min(1040px,calc(100vw - 32px));padding:32px 40px}.ai-creator-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}.ai-creative-guide{width:auto;padding:22px;border:1px solid #493254;border-radius:16px;background:linear-gradient(155deg,#30203f,#1e1726);align-self:start;position:static}.ai-creative-guide>.eyebrow{font-size:8px;letter-spacing:1.5px}.ai-guide-art{height:155px;display:grid;place-items:center;position:relative;margin:24px 0;background:radial-gradient(circle at 65% 30%,#dfbbf5aa,transparent 40%),linear-gradient(135deg,#684883,#2c2042);border-radius:8px;overflow:hidden}.ai-guide-art i{position:absolute;height:90px;width:90px;background:#c6a2e982;border-radius:50%;box-shadow:0 0 40px #dfbaff88}.ai-guide-art b{position:relative;font-size:75px;font-weight:400;color:#f2daff;transform:rotate(-15deg)}.ai-guide-art[data-style=film]{background:linear-gradient(145deg,#986e68,#422c3d)}.ai-guide-art[data-style=abstract]{background:linear-gradient(135deg,#4c5068,#b9a6d2,#3c2e51)}.ai-guide-art[data-style=minimal]{background:#c4b3ce}.ai-guide-art[data-style=minimal] b{color:#32223e}.ai-creative-guide>span:not(.eyebrow){display:block;font-size:10px;color:#c0a8d0;line-height:1.7}.ai-creative-guide h3{font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.9px;margin:22px 0 12px}.ai-creative-guide p{font-size:11px;line-height:1.8;color:#a992ba;margin:0}.artwork-wizard .ai-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-wizard .ai-purpose-grid button{min-height:134px}.artwork-wizard .ai-question .ai-intro{margin-top:0}.artwork-wizard #ai-form{min-width:0}.artwork-wizard #ai-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artwork-wizard .ai-gallery-card{transition:transform .2s}.artwork-wizard .ai-gallery-card:hover{transform:translateY(-3px)}
/* Artwork workspace: saved conversation on the left, image and history on the right. */
.artwork-workspace{height:calc(100dvh - 60px);display:grid;grid-template-columns:380px minmax(0,1fr);min-height:0;background:#121015}.art-chat{width:auto;border-right:1px solid #3a2b46;background:#1b1522;padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.art-chat-heading{padding:28px 26px 22px;border-bottom:1px solid #35263f}.art-chat-heading h1{font-size:23px;font-weight:550;letter-spacing:-.6px;margin:13px 0 8px}.art-chat-heading p{font-size:11px;color:#a38cb8;margin:0}.art-messages{flex:1 1 0;min-height:0;overflow-y:auto;padding:22px 24px;overscroll-behavior:contain}.art-message{margin:0 0 24px;font-size:12px;line-height:1.75;color:#d3c3df;overflow-wrap:anywhere}.art-message-author{display:block;font-size:8px;letter-spacing:1.6px;color:#a58bb9;margin-bottom:7px}.art-message p{margin:0;white-space:pre-wrap}.art-message-user{background:#31213f;border:1px solid #493159;border-radius:14px 14px 4px 14px;padding:14px 16px;margin-left:20px;color:#f0e2fa}.art-message-event{font-size:10px;border-left:2px solid #715189;padding:0 12px;color:#aa95bd}.art-message-image{display:block;width:140px;padding:0;overflow:hidden;border:1px solid #644679;border-radius:10px;margin-top:12px;background:#100c15}.art-message-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.art-composer{flex-shrink:0;padding:18px 20px 14px;border-top:1px solid #382742;background:#201728}.art-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.art-suggestions button{font-size:9px;padding:7px 9px;border:1px solid #563868;background:#2e1e3b;border-radius:20px;color:#ceb3e2}.art-composer label{font-size:10px;color:#cab3dc}.art-composer textarea{display:block;width:100%;resize:vertical;min-height:76px;max-height:160px;color:#f2e3fc;background:#17101e;border:1px solid #543769;border-radius:10px;padding:12px;margin:10px 0;font-size:12px;line-height:1.6}.art-composer-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.art-composer-footer>span{font-size:8px;line-height:1.5;color:#9e83b3;max-width:100px}.art-composer-footer button{font-size:11px;padding:10px 12px;color:#24142e;background:#ceb0f2;border:0}.art-composer #art-chat-status{font-size:10px;line-height:1.6;margin:12px 0 0;color:#b89ecb;min-height:16px}.art-working{padding:12px 24px;font-size:11px;color:#ddc1f3;background:#2b1c38}.art-working span{display:inline-block;margin-right:8px;animation:artwork-turn 4s linear infinite}.art-canvas-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto 100px;padding:0 28px 20px;gap:0;background:radial-gradient(ellipse at 50% 25%,#291b37,#131016 70%)}.art-editor-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:70px}.art-editor-toolbar>span{font-size:10px;color:#b09abd}.art-editor-toolbar>div{display:flex;gap:8px}.art-editor-toolbar button{font-size:11px;padding:9px 12px;background:#281b33;border-color:#493059}.art-editor-toolbar .primary{background:#c6afff;color:#21132c;border-color:#c6afff}.art-image-stage{position:relative;min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;padding:16px 16px 36px;overflow:hidden;contain:size}.art-image-stage>img{display:block;object-fit:cover;max-height:100%;max-width:100%;min-width:0;min-height:0;box-shadow:0 25px 65px #0007;border-radius:4px;background:#111014}.art-restore-wrap{position:absolute;bottom:12px;left:0;right:0;text-align:center}.art-restore-wrap button{background:#dbc1fa;color:#2b1638;border-color:#e6d0fc;font-size:11px;padding:11px 20px;box-shadow:0 5px 22px #0005}.art-canvas-details{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9f87b1;font-size:10px;padding:12px 0 20px}.art-canvas-details label{display:flex;align-items:center;gap:8px}.art-canvas-details select{padding:6px;background:#291b35;color:#d7bee9;border:1px solid #493254;border-radius:6px;font-size:10px}.art-history-heading{display:flex;justify-content:space-between;color:#977ca9;font-size:8px;letter-spacing:1.6px;padding:14px 0;border-top:1px solid #392743}.art-history-heading>span+span{letter-spacing:0}.art-versions{display:flex;gap:10px;overflow-x:auto;min-width:0;padding-bottom:8px}.art-versions button{flex:0 0 82px;padding:0;position:relative;overflow:hidden;border-radius:9px;border:2px solid #493353;background:#1b1224}.art-versions button[aria-pressed=true]{border-color:#d1acf5}.art-versions img{width:100%;height:100%;object-fit:cover;display:block}.art-versions span{position:absolute;bottom:5px;left:5px;background:#1b102ad9;color:#efdcff;font-size:8px;padding:4px 6px;border-radius:4px}
@media(max-width:1100px){.artwork-workspace{grid-template-columns:330px minmax(0,1fr)}.art-canvas-workspace{padding:0 18px 16px}.art-canvas-details>span:last-child{display:none}.art-editor-toolbar>span{display:none}}
@media(max-width:760px){.ai-creator-layout{grid-template-columns:1fr;gap:0}.ai-creative-guide{display:none}.artwork-wizard #ai-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-workspace{height:auto;min-height:calc(100dvh - 58px);grid-template-columns:1fr;display:flex;flex-direction:column}.art-chat{order:2;border-right:0;border-top:1px solid #46304f;min-height:500px;max-height:75dvh}.art-chat-heading{padding:20px 24px}.art-canvas-workspace{order:1;flex:0 0 auto;height:65dvh;min-height:430px;grid-template-rows:60px minmax(0,1fr) auto auto 66px;padding:0 16px 14px}.art-versions button{flex-basis:60px}.art-image-stage{padding:6px 10px 26px}.project-library-toolbar{align-items:stretch;flex-direction:column;gap:12px}.project-search input{width:100%}.project-filters{align-self:flex-start}.header-projects-link{font-size:11px}.art-history-heading{padding:10px 0}.art-canvas-details{padding:8px 0}.art-editor-toolbar button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.art-working span{animation:none}.unified-project-card,.unified-project-card .project-card-art img,.artwork-wizard .ai-gallery-card{transition:none}}
.projects-heading-actions{display:flex;align-items:center;gap:8px}.projects-heading-actions button{font-size:11px}.projects-heading-actions .primary{color:#271634;background:#c6afff;border-color:#c6afff}
@media(max-width:640px){.home-list-heading{align-items:flex-start;gap:16px;flex-direction:column}.projects-heading-actions{flex-wrap:wrap}.artwork-wizard .ai-purpose-grid button{min-height:120px}#project-home[data-page=projects]>.home-list-heading:before{top:-18px}.artwork-wizard .ai-dialog-heading{gap:10px}.art-canvas-workspace{min-height:470px}}
body:has(#editor-view:not([hidden])) .header-projects-link{display:none}

/* A crisp visual direction alongside the existing artist theme. */
.ai-style-editorial{background:linear-gradient(145deg,#2e2539,#201925)}.ai-style-editorial>span{color:#e2ccef}.ai-guide-art[data-style=editorial]{background:linear-gradient(135deg,#51415f,#aa91bd 55%,#41304f)}.ai-guide-art[data-style=editorial] i{background:#e0c7eb;border-radius:12px;transform:rotate(-15deg);box-shadow:14px 14px 0 #35223f}.ai-guide-art[data-style=editorial] b{color:#33203e;font-size:66px}.ai-style-grid .ai-style-editorial{grid-column:1 / -1;min-height:124px}

/* One Tunearo account across the dashboard and Studio. */
.dashboard-signin{max-width:440px}.dashboard-signin h2{font-size:36px;line-height:1.15;letter-spacing:-1.4px;font-weight:550;margin:22px 0 18px}.account-sso-description{color:#b6a4c7;font-size:14px;line-height:1.8;margin-bottom:28px}.dashboard-signin>#account-submit{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;border-radius:12px}.account-sso-note{font-size:10px;color:#9c86ad;text-align:center;line-height:1.7;margin:12px 0 24px}.dashboard-signin #account-status,.dashboard-signin #account-link-hint{font-size:12px;line-height:1.7;color:#c3a9d6}.dashboard-signin #account-link-details{border-top:1px solid #473253;margin-top:24px;padding-top:20px}.dashboard-signin summary{cursor:pointer;font-size:12px;color:#d4b9e8}.dashboard-signin details>p{font-size:11px;line-height:1.8;color:#ad96c0}.dashboard-signin form{display:grid;gap:14px;margin-top:20px}.dashboard-signin label{display:grid;gap:8px;font-size:11px;color:#c9b0dd}.dashboard-signin input{width:100%;padding:12px;background:#17101e;color:#f1e3fa;border:1px solid #563a68;border-radius:9px}.dashboard-signin #account-link-status{font-size:11px;line-height:1.7;color:#d4b9e8}.dashboard-signin #account-link-submit{font-size:12px;background:#352242;border-color:#69477d}