:root{--bg:#0d0d12;--panel:#15151d;--panel-2:#1c1c27;--border:#2a2a38;--text:#ececf3;--muted:#8b8ba0;--accent:#ff4d9d;--accent-2:#7c5cff;--ok:#3ddc97;--warn:#ffb347;--err:#ff6b6b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h2{margin:0;font-size:18px}h3{margin:0 0 6px;font-size:14px}code,kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:12px}button,.button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:#242432;border-color:#44445a}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(135deg, var(--accent), var(--accent-2))}button.ghost,.button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover,.button.ghost:hover{color:var(--text);background:var(--panel-2)}button.icon{min-width:28px;padding:4px 8px}.small-btn{padding:4px 8px;font-size:12px}button.big{padding:14px 36px;font-size:18px}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-2);outline-offset:-1px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent)}progress{accent-color:var(--accent);flex:1;height:8px}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{letter-spacing:.02em;font-size:16px;font-weight:800}.brand .logo{color:var(--accent)}.brand .muted{margin-left:6px;font-size:13px;font-weight:400}.save-state{color:var(--muted);margin-left:10px;font-size:11px}.save-state.saving{color:var(--warn)}.save-state.error{color:var(--err)}.app.centered{justify-content:center;align-items:center;gap:12px}button.brand{color:var(--text);padding:4px 6px;font-size:16px;font-weight:800}.library{flex:1;padding:28px;overflow-y:auto}.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:visible}.project-card:hover{border-color:#44445a;transform:translateY(-2px)}.project-art{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;align-items:flex-end;padding:12px;display:flex;position:relative}.project-art.square{aspect-ratio:1}.track-badge{text-align:center;background:#0009;border-radius:13px;min-width:26px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;left:8px}.library-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 14px;font-size:15px}.library-grid+.library-heading{margin-top:34px}button.new-card{font:inherit;color:inherit;background:var(--panel);white-space:normal}.project-card.drop-target{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.project-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2)}.select-dot{color:#fff;opacity:0;background:#00000059;border:2px solid #ffffffd9;border-radius:50%;width:24px;height:24px;padding:0;font-size:13px;font-weight:800;transition:opacity .12s;position:absolute;top:8px;left:8px}.project-card:hover .select-dot,.project-card.selecting .select-dot{opacity:1}.project-card.selected .select-dot{background:var(--accent-2);border-color:var(--accent-2)}.drag-chip{background:var(--accent-2);color:#fff;border-radius:14px;padding:6px 12px;font:600 13px Inter,system-ui,sans-serif;position:fixed;top:-100px;left:-100px}.heading-tip{text-transform:none;letter-spacing:0;color:var(--muted);opacity:.8;margin-left:12px;font-size:12px;font-weight:400}.selection-bar{background:var(--panel-2);border:1px solid var(--border);z-index:10;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000008c}.card-menu button:disabled{opacity:.35}.album-header{align-items:flex-end;gap:28px;margin-bottom:30px;display:flex;position:relative}.album-cover{border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;width:200px;padding:0;display:block;position:relative;overflow:hidden}.album-cover .project-art{border-radius:var(--radius)}.album-cover-hint{opacity:0;background:#0009;padding:8px;font-size:12px;transition:opacity .15s;position:absolute;inset:auto 0 0}.album-cover:hover .album-cover-hint{opacity:1}.album-fields{flex-direction:column;flex:1;gap:6px;min-width:0;max-width:560px;display:flex}.album-fields input{background:0 0;border-color:#0000;margin-left:-6px;padding:2px 6px}.album-fields input:hover{border-color:var(--border)}.album-title{font-size:30px;font-weight:800}.album-artist{color:var(--accent);font-size:16px}.menu-anchor{z-index:3;position:absolute;top:8px;right:8px}.menu-anchor .card-menu-btn{position:static}.menu-anchor .card-menu{top:34px;right:0}.album-toolbar{margin-bottom:16px}.album-toolbar+.card{max-width:640px;margin-bottom:24px}.album-label{align-items:center;gap:8px;display:flex}.album-label .menu-anchor{position:relative;top:0;right:0}.album-label .card-menu{left:0;right:auto}.album-menu-btn{padding:0 10px;font-size:16px;line-height:1.4}.project-art-title{text-shadow:0 2px 12px #00000080;font-size:20px;font-weight:800}.card-menu-btn{background:#0000008c;border-color:#0000;padding:2px 10px;font-size:16px;line-height:1.2;position:absolute;top:8px;right:8px}.card-menu{z-index:5;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute;top:40px;right:8px;box-shadow:0 10px 30px #00000080}.card-menu button{background:0 0;border:none;justify-content:flex-start;padding:8px 10px}.card-menu button.danger{color:var(--err)}.project-info{flex-direction:column;gap:2px;padding:12px;display:flex}.new-card{border-style:dashed;border-width:2px;justify-content:center;align-items:center;min-height:220px}.new-card.dragging{border-color:var(--accent);background:#ff4d9d0f}.new-card-body{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.new-plus{color:var(--accent);font-size:34px;line-height:1}.pack-options{gap:6px;display:grid}.pack-options .check-field{align-items:flex-start}.pack-list{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;max-height:280px;padding:8px;display:flex;overflow-y:auto}.pack-item{grid-template-columns:16px 1fr auto auto;align-items:center;gap:8px;display:grid}.pack-item progress{width:80px}.pack-item.done .pack-icon{color:var(--ok)}.pack-item.error .pack-icon,.pack-item.error .muted{color:var(--err)}.pack-item.working .pack-icon{color:var(--accent)}.pack-item.waiting{opacity:.6}.section-label-lg{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 -4px;font-size:13px}.file-list{flex-direction:column;gap:10px;display:flex}.file-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.file-row .hint{margin-top:2px}.project-name{text-align:center;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topbar-actions{gap:4px;display:flex}.workspace{flex:1;grid-template-columns:minmax(360px,440px) 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:12px 6px;font-size:13px}.tab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--panel-2)}.tab .pulse{font-size:11px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.tab .check{color:var(--ok);font-size:11px}.panel-body{flex:1;padding:18px;overflow-y:auto}.stage{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:16px;display:flex;overflow:auto}.player-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex;container-type:size}.player-wrap{width:min(100cqw, calc(100cqh * var(--ar)));aspect-ratio:var(--ar);border-radius:var(--radius);background:#000;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.stack{flex-direction:column;gap:14px;display:flex}.stack.tight{gap:8px;margin-top:8px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.field{flex-direction:column;gap:6px;display:flex}.field>span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.check-field{cursor:pointer;align-items:center;gap:6px;display:flex}.card{border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.hint{color:var(--muted);margin:0;line-height:1.5}.hint.center{text-align:center}.small{font-size:12px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.ok{color:var(--ok);margin:0}.error{color:var(--err);margin:0}.warn{color:var(--warn);margin:0}.progress-row{align-items:center;gap:10px;display:flex}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:32px 16px;line-height:1.6;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#ff4d9d0f}.lyrics-input{resize:vertical;min-height:340px;line-height:1.6}.tapping{flex-direction:column;gap:12px;display:flex}.tap-next{background:var(--bg);border:1px solid var(--accent);border-radius:8px;padding:12px}.tap-text{margin-top:4px;font-size:18px;font-weight:700}.line-list{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;max-height:420px;padding:6px;display:flex;overflow-y:auto}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:8px 6px 2px;font-size:11px}.line-row{border-radius:6px;align-items:center;gap:6px;padding:4px;display:flex}.line-row:hover{background:var(--panel-2)}.line-row.active{background:#ff4d9d24}.line-row.tapping{outline:1px solid var(--accent)}.line-row.unsynced .line-text{color:var(--muted)}.line-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.line-times{align-items:center;gap:2px;display:flex}.line-times button{padding:2px 6px;font-size:12px}.line-times .time{font-variant-numeric:tabular-nums;min-width:58px}.highlight-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.highlight-grid button{white-space:normal;padding:7px 4px;font-size:12px}.highlight-grid button.active{border-color:var(--accent);background:#ff4d9d1f}.text-preset{display:inline-flex;position:relative}.preset-remove{border-radius:50%;width:16px;height:16px;padding:0;font-size:9px;display:none;position:absolute;top:-6px;right:-6px}.text-preset:hover .preset-remove{display:inline-flex}.save-preset{border-style:dashed}.gradient-row{gap:8px}.gradient-preview{border:1px solid var(--border);border-radius:6px;flex:1;height:24px}.gradient-row input[type=range]{width:90px}.font-group{flex-direction:column;gap:4px;margin-top:4px;display:flex}.font-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.font-card{white-space:normal;flex-direction:column;gap:2px;padding:8px 4px 6px}.font-card.active{border-color:var(--accent);background:#ff4d9d1a}.font-sample{font-size:22px;line-height:1.1}.font-name{color:var(--muted);text-align:center;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:400}.link-btn{color:var(--accent);text-transform:none;letter-spacing:0;background:0 0;border:none;padding:0;font-size:11px}.swatch{flex-shrink:0;width:40px;height:30px;padding:2px}.card .row.between>.field{flex:1}.subtabs{background:var(--bg);border:1px solid var(--border);z-index:2;border-radius:10px;gap:4px;padding:4px;display:flex;position:sticky;top:-18px}.subtabs button{color:var(--muted);background:0 0;border:none;flex:1;padding:7px 6px;font-size:13px}.subtabs button.active{background:var(--panel-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.template-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.template-card{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;padding:10px}.template-card.active{border-color:var(--accent);background:#ff4d9d1a}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset{border-color:#ffffff1a;padding:6px 10px;font-size:12px}.color-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.color-field{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.color-field input{cursor:pointer;width:100%;height:36px;padding:2px}.segmented{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;display:flex;overflow:hidden}.segmented button{background:0 0;border:none;border-radius:0;flex:1;font-size:12px}.segmented button.active{background:var(--accent);color:#fff}.moments-list{flex-direction:column;gap:4px;display:flex}.moments-add{flex-wrap:wrap;gap:4px;display:flex}.moment-name{background:0 0;border-color:#0000;justify-content:flex-start;padding:4px 6px}.moment-name.active{border-color:var(--accent-2);background:#7c5cff26}.moment-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.loop-controls{flex-direction:column;gap:10px;padding-top:4px;display:flex}.range-row{color:var(--muted);grid-template-columns:38px 1fr;align-items:center;gap:8px;display:grid}.cover-thumb{object-fit:cover;border-radius:6px;width:48px;height:48px}.cover-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:14px;display:grid}.cover-item{flex-direction:column;gap:6px;display:flex}.cover-item .hint{font-size:11px;line-height:1.4}.cover-frame{background:var(--bg);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;max-height:220px;display:flex;overflow:hidden}.cover-frame img{object-fit:contain;width:100%;height:100%}.cover-meta{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.result-video,.thumb-preview{background:#000;border-radius:8px;width:100%}.card textarea{resize:vertical;font-size:12px}.timeline{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-shrink:0;margin-top:auto;position:relative;overflow:visible}.help{vertical-align:middle;display:inline-flex;position:relative}.help-btn{width:18px;height:18px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:50%;padding:0;font-size:11px;font-weight:700}.help-btn:hover{color:var(--text)}.help-tip{z-index:40;background:var(--panel-2);border:1px solid var(--border);width:max-content;max-width:300px;color:var(--text);text-transform:none;letter-spacing:0;white-space:normal;text-align:left;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;top:calc(100% + 6px);left:-8px;box-shadow:0 10px 30px #0000008c}.help.up .help-tip{top:auto;bottom:calc(100% + 6px)}.help.right .help-tip{left:auto;right:-8px}.help:hover .help-tip,.help.pinned .help-tip{display:block}.help-tip ul{margin:0;padding-left:16px}.help-tip b{font-weight:600}.timeline-hint{border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--border);background:var(--panel-2);color:var(--muted);flex-wrap:wrap;gap:4px 20px;padding:8px 12px;font-size:12px;display:flex}.timeline-hint strong{color:var(--text);font-weight:600}.timeline-bar{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.timeline-bar .clock{justify-self:start;gap:8px}.timeline-bar .zoom{justify-self:end}.timeline-scroll{border-radius:0 0 var(--radius) var(--radius);overflow:auto hidden}.timeline-inner{cursor:text;height:164px;position:relative}.ruler{pointer-events:none;height:18px;position:absolute;top:0;left:0;right:0}.ruler span{color:var(--muted);border-left:1px solid var(--border);padding-left:3px;font-size:10px;position:absolute;top:2px}.waveform{color:#3b3b52;height:64px;position:absolute;top:44px;left:0}.clip-region{border-left:2px solid var(--accent-2);border-right:2px solid var(--accent-2);pointer-events:none;background:#7c5cff26;position:absolute;top:42px;bottom:0}.blocks{height:42px;position:absolute;top:114px;left:0;right:0}.block{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#7c5cff59;border:1px solid #7c5cffcc;border-radius:6px;align-items:center;height:100%;display:flex;position:absolute;top:0;overflow:hidden}.block.alt{background:#ff4d9d40;border-color:#ff4d9db3;top:0}.block.active{box-shadow:inset 0 0 0 2px #fff}.block-text{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 6px;font-size:11px;overflow:hidden}.handle{cursor:ew-resize;background:#ffffff26;align-self:stretch;width:6px}.handle:hover{background:#ffffff80}.marker-lane{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05;height:22px;position:absolute;top:18px;left:0;right:0}.marker{cursor:grab;touch-action:none;z-index:3;align-items:center;height:20px;display:flex;position:absolute;top:1px}.marker-icon{background:var(--panel-2);border:1px solid var(--accent-2);border-radius:5px;place-items:center;width:20px;height:20px;margin-left:-10px;font-size:12px;display:grid;transform:rotate(0)}.marker.selected .marker-icon{background:var(--accent-2);box-shadow:0 0 0 2px #7c5cff66}.marker-span{background:#7c5cff8c;border-radius:2px;height:4px;margin-left:1px}.emoji-row{flex-wrap:wrap;gap:4px;display:flex}.emoji-row button{width:36px;height:36px;padding:0;font-size:18px}.emoji-row button.active{border-color:var(--accent-2);background:#7c5cff33}.emoji-input{text-align:center;width:70px;padding:4px;font-size:18px}.effect-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.effect-grid button{white-space:normal;flex-direction:column;gap:2px;padding:8px 4px;font-size:12px}.effect-grid button.active{border-color:var(--accent-2);background:#7c5cff33}.effect-icon{font-size:18px;line-height:1.2}.preset.chosen{outline:2px solid var(--accent-2);outline-offset:1px}.range-row.wide{grid-template-columns:60px 1fr 44px}.text-handle{cursor:move;touch-action:none;z-index:5;border:2px dashed #ffffffd9;border-radius:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.text-handle.dragging{border-style:solid;border-color:var(--accent-2)}.text-handle-corner{border:2px solid var(--accent-2);cursor:nwse-resize;background:#fff;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.snap-toggle{opacity:.6;margin-right:8px}.snap-toggle.on{opacity:1;border-color:var(--accent-2);background:#7c5cff26}.beat-line{pointer-events:none;background:#ffffff12;width:1px;position:absolute;top:0;bottom:0}.beat-line.bar{background:#7c5cff59}.danger-text{color:var(--err)}.add-marker{border-color:var(--accent-2);margin-right:8px}.playhead{cursor:ew-resize;touch-action:none;z-index:2;width:14px;margin-left:-7px;position:absolute;top:0;bottom:0}.playhead:after{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:6px;box-shadow:0 0 6px #fff9}.playhead-knob{background:#fff;border-radius:2px 2px 6px 6px;width:12px;height:12px;position:absolute;top:0;left:1px;box-shadow:0 1px 4px #00000080}.timeline-inner.scrubbing,.timeline-inner.scrubbing *{cursor:ew-resize!important}.waveform{cursor:ew-resize}.transport{align-items:center;gap:14px;display:flex}.transport .icon{letter-spacing:-2px;border-radius:8px;width:42px;height:34px;font-size:12px}.transport .play{letter-spacing:0;background:var(--accent);color:#fff;border-color:#0000;border-radius:8px;width:48px;height:40px;font-size:14px}.transport .play:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}@media (width<=900px){.workspace{grid-template-rows:auto auto;grid-template-columns:1fr}.panel{border-right:none;order:2}.stage{order:1}.player-area{flex:none;container-type:normal}.player-wrap{width:100%}.timeline-hint{display:none}}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05050a99;place-items:center;animation:.12s ease-out dialog-fade;display:grid;position:fixed;inset:0}.dialog{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100vw - 32px);padding:20px;animation:.14s ease-out dialog-pop;display:flex;box-shadow:0 24px 60px #0009}.dialog h3{margin:0;font-size:16px}.dialog-message{color:var(--muted);font-size:13px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}button.danger-btn{background:var(--err);color:#fff;border-color:#0000;font-weight:600}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.look-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.look-card{text-align:left;white-space:normal;border-color:#ffffff1f;flex-direction:column;align-items:flex-start;gap:2px;min-height:62px;padding:10px 12px;transition:transform .12s,border-color .12s}.look-card:hover{border-color:#ffffff59;transform:translateY(-1px)}.look-card strong{font-size:15px}.look-card .small{opacity:.85}.template-icon{text-align:center;width:1.3em;display:inline-block}.choice-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.choice-grid button{white-space:normal;padding:7px 6px;font-size:12px;line-height:1.2}.choice-grid button.active{border-color:var(--accent);background:#ff4d9d24}.choice-grid.dimmed{opacity:.55}.check-list{flex-direction:column;gap:6px;display:flex}.stack-sm{flex-direction:column;gap:8px;margin-top:8px;display:flex}.fill-presets{grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 6px;display:grid}.fill-chip{border-color:#ffffff26;justify-content:center;height:30px;padding:0}.fill-chip span{color:#111;text-shadow:0 1px #ffffff80;font-size:11px;font-weight:700}.auto-effects select{flex:1;min-width:0}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.tab-progress{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.9em}.two-fields{align-items:flex-start;gap:10px}.two-fields>.field{flex:1;min-width:0}.mood-row{flex-wrap:wrap;gap:6px;display:flex}.mood-row .chip{border-radius:999px;padding:5px 10px;font-size:12px}.mood-row .chip.active{border-color:var(--accent);background:#ff4d9d29}.cover-thumb.empty{border:1px dashed var(--border);background:#ffffff0d;place-items:center;font-size:28px;display:grid}.facts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.facts>div{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cover-thumb.song-cover{border-radius:10px;width:88px;height:88px}.render-tray{flex-direction:column;align-items:flex-end;display:flex;position:relative}.render-tray.floating{z-index:90;flex-direction:column-reverse;align-items:flex-start;gap:8px;position:fixed;bottom:16px;left:16px}.tray-slot{align-items:center;display:flex}.tray-slot:empty{display:none}.render-tray-pill{white-space:nowrap;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;display:inline-flex}.render-tray.floating .render-tray-pill{padding:8px 14px;box-shadow:0 8px 30px #00000073}.render-tray-pill.busy{border-color:var(--accent)}.render-tray-pill.done{color:#fff;background:linear-gradient(135deg,#1f8a5a,#2bb673);border-color:#0000}.render-spinner{border:2px solid #ffffff40;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.9s linear infinite render-spin}@keyframes render-spin{to{transform:rotate(360deg)}}.render-tray-list{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;width:min(380px,100vw - 32px);max-height:min(70vh,560px);padding:10px 12px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000080}.render-tray.in-header .render-tray-list{z-index:95;position:absolute;top:calc(100% + 8px);right:0}.render-tray-head{justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.render-tray-actions{align-items:center;gap:10px;display:flex}.render-tray-item.done strong{color:var(--ok,#34d399)}.render-tray-item{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:6px;display:flex}.render-tray-title{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.render-tray-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.render-tray-title .small{flex-shrink:0}.render-tray-item progress{width:100%}.dropzone:not(.song-hero){background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(135deg, var(--accent), var(--accent-2), #3de0ff) border-box;border:2px dashed #0000}.drop-empty{flex-direction:column;align-items:center;gap:4px;display:flex}.drop-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:34px;line-height:1}.drop-icon.spinning{animation:1.2s linear infinite render-spin;display:inline-block}.dropzone.song-hero{text-align:left;background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--hero-accent) 45%, transparent), transparent 55%), linear-gradient(135deg, var(--hero-a), var(--hero-b));color:var(--hero-text);box-shadow:0 10px 40px color-mix(in srgb, var(--hero-accent) 25%, transparent);border:1px solid #ffffff1f;padding:18px;position:relative;overflow:hidden}.dropzone.song-hero:hover{border-color:var(--hero-accent)}.song-hero-inner{align-items:center;gap:16px;display:flex}.song-hero-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:84px;height:84px;box-shadow:0 6px 20px #00000073}.song-hero-cover.placeholder{background:color-mix(in srgb, var(--hero-accent) 35%, #0000004d);place-items:center;font-size:36px;display:grid}.song-hero-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-hero-title{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.2;overflow:hidden}.song-hero-artist{color:var(--hero-accent);font-weight:600}.song-hero-meta,.song-hero-replace{opacity:.75;font-size:12px}.song-hero-replace{opacity:.5}.eq{align-self:flex-end;align-items:flex-end;gap:3px;height:34px;display:flex}.eq span{background:var(--hero-accent);transform-origin:bottom;border-radius:2px;width:4px;height:100%;animation:1.1s ease-in-out infinite eq-bounce}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.card.tinted{background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 9%, transparent), transparent 120px), var(--panel-2);border-color:color-mix(in srgb, var(--tint) 28%, var(--border));position:relative;overflow:hidden}.card.tinted:before{content:"";background:linear-gradient(90deg, var(--tint), transparent);height:3px;position:absolute;inset:0 0 auto}.card-icon{background:color-mix(in srgb, var(--tint) 22%, transparent);width:24px;height:24px;color:var(--tint);border-radius:7px;place-items:center;margin-right:4px;font-size:13px;display:inline-grid}.facts>div{background:linear-gradient(135deg, color-mix(in srgb, var(--tile) 16%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--tile) 25%, transparent)}.facts strong{color:var(--text);font-size:15px}.fact-label{color:var(--muted);font-size:11px}.fact-icon{color:var(--tile)}.mood-row .chip{border-color:color-mix(in srgb, var(--mood) 35%, var(--border));color:color-mix(in srgb, var(--mood) 70%, var(--text))}.mood-row .chip.active{background:var(--mood);border-color:var(--mood);color:#111;box-shadow:0 0 14px color-mix(in srgb, var(--mood) 45%, transparent);font-weight:700}.lyrics-editor{display:grid;position:relative}.lyrics-editor>*{grid-area:1/1}.lyrics-editor .lyrics-input{font:inherit;border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;letter-spacing:normal;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.lyrics-mirror{pointer-events:none;color:var(--text);background:var(--panel);overflow:hidden}.lyrics-typing{color:#0000;caret-color:var(--text);z-index:1;background:0 0;position:relative;overflow-y:auto}.lyrics-typing::placeholder{color:var(--muted)}.lyrics-typing::selection{color:#0000;background:#7c5cff59}.lyrics-typing:focus{border-color:var(--accent-2);outline:none}.lx-row{min-height:1.6em}.lx-section{font-weight:700}.lx-adlib{color:var(--muted);font-style:italic}.lx-long{text-underline-offset:4px;-webkit-text-decoration:underline wavy #ffb347bf;text-decoration:underline wavy #ffb347bf}.lx-explicit{text-underline-offset:3px;-webkit-text-decoration:underline #ff6b6be6;text-decoration:underline #ff6b6be6;text-decoration-thickness:2px}.song-map-wrap{flex-direction:column;gap:6px;display:flex}.song-map{gap:3px;height:30px;display:flex}.song-map-seg{color:#111;border:none;border-radius:6px;flex-basis:0;justify-content:flex-start;min-width:10px;padding:0 6px;font-size:11px;font-weight:700;transition:transform .12s,filter .12s;overflow:hidden}.song-map-seg span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-map-seg:hover{filter:brightness(1.15);transform:translateY(-2px)}.lyrics-stats{color:var(--muted);flex-wrap:wrap;gap:14px;display:flex}.lyrics-stats b{color:var(--text)}.warn-text{color:var(--warn)}.warn-text b{color:var(--warn)!important}.lyrics-stats .danger-text b{color:var(--err)}.lyrics-toolbar{flex-wrap:wrap;gap:6px;display:flex}.tool-btn{cursor:pointer;background:linear-gradient(135deg,#ff4d9d1f,#7c5cff1f);border:1px solid #7c5cff59;border-radius:8px;padding:6px 10px;font-size:12px}.tool-btn:hover:not(:disabled),.tool-btn.active{border-color:var(--accent);background:linear-gradient(135deg,#ff4d9d40,#7c5cff40)}.tool-anchor{position:relative}.tool-menu{z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #00000080}.tool-menu button{background:0 0;border:none;justify-content:flex-start;padding:6px 8px;font-size:12px;font-weight:700}.tool-menu button:hover{background:#ffffff0f}.find-bar{background:var(--panel-2);border:1px solid #7c5cff59;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex}.find-bar input{flex:1;min-width:0}.find-bar .arrow{color:var(--muted)}.legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.toast-line{margin:-4px 0 0}.help-tip.floating{z-index:200;display:block;position:fixed}.lyrics-toolbar{align-items:center}.tool-anchor{display:flex}.song-map-seg{flex-shrink:1;min-width:0;padding:0 6px}.card.tinted{overflow:visible}.card.tinted:before{border-radius:var(--radius) var(--radius) 0 0}.sync-progress{flex-direction:column;gap:6px;display:flex}.sync-progress-bar{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.sync-progress-bar span{background:linear-gradient(90deg, var(--accent-2), var(--accent), #ffb347);border-radius:99px;height:100%;transition:width .3s;display:block}.issue-list{flex-direction:column;gap:4px;display:flex}.issue{text-align:left;background:#ffb34712;border:1px solid #ffb34740;border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}.issue.order{background:#ff6b6b14;border-color:#ff6b6b4d}.issue-line{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.issue .small{color:var(--warn);white-space:nowrap}.issue.order .small{color:var(--err)}.section-label{justify-content:space-between;align-items:center;font-weight:700;display:flex}.section-shift{opacity:.6;gap:2px;display:inline-flex}.section-label:hover .section-shift{opacity:1}.line-row{border-left:3px solid color-mix(in srgb, var(--sec,var(--border)) 70%, transparent);padding-left:6px}.line-row.flash{animation:1.4s ease-out row-flash}@keyframes row-flash{0%,40%{background:#ffb3474d}to{background:0 0}}.line-text.as-button{text-align:left;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:4px;justify-content:flex-start;padding:2px 4px;overflow:hidden}.line-text.as-button:hover,.line-text.as-button.open{background:#ffffff0d}.word-dot{background:var(--ok);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.loop-btn{opacity:.45}.loop-btn.on,.loop-btn:hover:not(:disabled){opacity:1}.loop-btn.on{background:#7c5cff4d}.word-timer{border:1px solid color-mix(in srgb, var(--sec,var(--border)) 40%, transparent);background:#ffffff08;border-radius:8px;flex-direction:column;gap:8px;margin:4px 0 8px 12px;padding:10px;display:flex}.word-chips{flex-wrap:wrap;gap:4px;display:flex}.word-chip{border:1px solid var(--border);background:#ffffff0d;border-radius:6px;flex-direction:column;align-items:center;gap:0;padding:4px 8px;font-size:13px;line-height:1.2;display:flex}.word-chip small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.word-chip.live{border-color:var(--accent);background:#ff4d9d33}.word-chip.tapped{border-color:var(--ok);background:#3ddc971f}.word-chip.next{border-color:var(--warn);box-shadow:0 0 0 2px #ffb3474d}.line-row{gap:3px}.line-row .icon{width:24px;min-width:24px;height:24px;padding:0;font-size:11px}.line-row .time{padding:2px 5px;font-size:11px}.line-times{gap:2px}.line-row .loop-btn{display:none}.line-row:hover .loop-btn,.line-row .loop-btn.on{display:inline-flex}.line-row .line-times .time{min-width:44px}.checklist{flex-direction:column;gap:4px;display:flex}.check-item{align-items:center;gap:8px;font-size:13px;display:flex}.check-mark{border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.check-item.ok .check-mark{color:var(--ok);background:#3ddc972e}.check-item.warn .check-mark{color:var(--warn);background:#ffb34733}.check-item.info .check-mark{color:#b4a4ff;background:#7c5cff33}.check-text{flex:1;min-width:0}.platform-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.platform-card{text-align:left;white-space:normal;background:linear-gradient(135deg,#ff4d9d0f,#7c5cff0f);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}.platform-card.active{border-color:var(--accent);background:linear-gradient(135deg,#ff4d9d2e,#7c5cff2e)}.platform-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;margin-bottom:4px;font-size:14px;display:inline-grid}.estimate{color:var(--muted);margin:-4px 0 0}.estimate b{color:var(--text)}.render-history{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.history-row{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;display:grid}.history-badge{color:var(--accent);background:#ff4d9d2e;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.history-row .small-btn{padding:2px 7px}.clip-picker{flex-direction:column;gap:6px;display:flex}.clip-bar{-webkit-user-select:none;user-select:none;background:#ffffff0a;border-radius:8px;height:40px;position:relative;overflow:hidden}.clip-sec{opacity:.85;border-radius:4px;position:absolute;top:10px;bottom:10px}.clip-dim{pointer-events:none;background:#0d0d12a6;position:absolute;top:0;bottom:0}.clip-window{cursor:grab;border:2px solid #fff;border-radius:8px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0006,0 0 16px #ffffff40}.clip-window.too-long{border-color:var(--warn)}.clip-handle{cursor:ew-resize;background:#fff;border-radius:4px;width:10px;height:26px;margin-top:-13px;position:absolute;top:50%}.clip-handle.start{left:-6px}.clip-handle.end{right:-6px}.clip-playhead{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.result-video{background:#000;border-radius:8px;max-height:380px}.section-lane{height:16px;margin:2px 0;position:relative}.section-chip{color:#111;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;opacity:.85;border-radius:4px;height:14px;padding:0 4px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:0;overflow:hidden}.section-chip:hover{opacity:1}.block{border-color:color-mix(in srgb, var(--sec,var(--accent)) 70%, transparent)!important;background:color-mix(in srgb, var(--sec,var(--accent)) 26%, #14141ee6)!important}.block.active{box-shadow:0 0 12px color-mix(in srgb, var(--sec,var(--accent)) 60%, transparent);background:color-mix(in srgb, var(--sec,var(--accent)) 55%, #14141ee6)!important}.loop-region{border-left:2px solid var(--accent-2);border-right:2px solid var(--accent-2);pointer-events:none;background:#7c5cff24;position:absolute;top:0;bottom:0}.loop-chip{border-color:var(--accent-2);background:#7c5cff33}.hover-guide{pointer-events:none;z-index:4;background:#ffffff59;width:1px;position:absolute;top:0;bottom:0}.hover-guide span{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;background:#000000b3;border-radius:4px;padding:1px 4px;font-size:10px;position:absolute;top:0;left:4px}.speed-select{width:auto;margin-left:4px;padding:4px 6px;font-size:12px}.zoom-level{text-align:center;min-width:28px}.player-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.shape-chips button{font-variant-numeric:tabular-nums;padding:4px 12px;font-size:12px}.zones-select{width:auto;padding:4px 8px;font-size:12px}.safe-zones{pointer-events:none;z-index:5;position:absolute;inset:0}.safe-zone{background:repeating-linear-gradient(135deg,#ff465a38 0 8px,#ff465a1a 8px 16px);border:1px dashed #ff7882e6;justify-content:center;align-items:center;display:flex;position:absolute}.safe-zone span{color:#fff;text-shadow:0 1px 4px #000c;text-align:center;padding:2px 4px;font-size:11px;font-weight:700}.panel-resizer{cursor:col-resize;background:0 0;position:relative}.panel-resizer:after{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:2px}.panel-resizer:hover:after,body.resizing .panel-resizer:after{background:var(--accent-2)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.panel{border-right:none}.dialog.shortcuts{width:min(640px,100vw - 32px)}.shortcut-groups{grid-template-columns:1fr 1fr;gap:14px 24px;display:grid}.shortcut-row{align-items:center;gap:10px;padding:3px 0;display:flex}.shortcut-row kbd{min-width:110px;font-size:11px}@media (width<=900px){.workspace{grid-template-columns:1fr!important}.panel-resizer{display:none}}.ruler{pointer-events:auto;cursor:pointer;z-index:3}.section-lane{z-index:2;height:14px;margin:0;position:absolute;top:111px;left:0;right:0}.blocks{top:130px}.timeline-bar{flex-wrap:wrap;justify-content:space-between;row-gap:8px;display:flex}.timeline-bar .clock .mono{white-space:nowrap}.timeline-bar .zoom{flex-wrap:wrap;justify-content:flex-end;gap:6px}.library{background:radial-gradient(60% 40% at 15% 0,#ff4d9d1a,#0000 70%),radial-gradient(50% 40% at 90% 10%,#7c5cff1a,#0000 70%)}.library-hero{grid-template-columns:1fr minmax(320px,480px);align-items:stretch;gap:20px;margin-bottom:30px;display:grid}.hero-stats h1{background:linear-gradient(90deg,#fff,#ffc2dd 40%,#b9a8ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:30px}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 18%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);border-radius:12px;flex-direction:column;gap:2px;padding:14px;display:flex}.stat strong{color:var(--c);font-size:26px;line-height:1}.stat span{color:var(--muted);font-size:12px}.continue-card{text-align:left;white-space:normal;color:#fff;background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--accent-c) 45%, transparent), transparent 60%), linear-gradient(135deg, var(--a), var(--b));box-shadow:0 12px 40px color-mix(in srgb, var(--accent-c) 25%, transparent);border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:16px;padding:16px;transition:transform .15s;display:flex;position:relative}.continue-card:hover{border-color:var(--accent-c);transform:translateY(-2px)}.continue-art{background:#0000004d 50%/cover;border-radius:10px;flex-shrink:0;place-items:center;width:96px;height:96px;font-size:36px;display:grid;box-shadow:0 6px 20px #0006}.continue-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.continue-text strong{font-size:19px}.continue-kicker{opacity:.75}.continue-next{color:var(--accent-c);font-weight:700}.continue-card .preview-btn{position:absolute;bottom:12px;right:12px}.preview-btn{color:#fff;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:none;border-radius:50%;justify-content:center;width:34px;height:34px;padding:0;font-size:12px;transition:opacity .15s,transform .15s,background .15s;position:absolute;bottom:8px;right:8px}.project-card:hover .preview-btn,.continue-card .preview-btn,.song-row:hover .preview-btn,.preview-btn.playing{opacity:1}.preview-btn:hover{background:var(--accent);transform:scale(1.1)}.preview-btn.playing{background:var(--accent);box-shadow:0 0 0 4px #ff4d9d4d}.video-badge{color:#fff;background:#0009;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:8px}.genre-chip{color:#c9bcff;background:#7c5cff33;border-radius:6px;margin-left:6px;padding:0 6px;font-size:10px}.progress-strip{grid-template-columns:repeat(4,1fr);gap:3px;max-width:220px;margin:4px 0 2px;display:grid}.progress-strip span{background:#ffffff1a;border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-strip span.done{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.progress-strip span i{background:var(--warn);position:absolute;inset:0 auto 0 0}.library-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.library-search{flex:240px;max-width:360px}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chips .chip{border-radius:999px;padding:5px 12px;font-size:12px}.filter-chips .chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.chip-count{opacity:.7;margin-left:6px;font-size:10px}.sort-select{width:auto}.view-toggle button{padding:5px 10px}.video-strip{gap:14px;margin-bottom:30px;padding-bottom:6px;display:flex;overflow-x:auto}.video-tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:10px;display:flex}.video-thumb{border-radius:8px;place-items:center;height:90px;display:grid;position:relative}.video-play{color:#fff;background:#0009;border-radius:50%;place-items:center;width:36px;height:36px;text-decoration:none;display:grid}.video-play:hover{background:var(--accent)}.video-meta{flex-direction:column;align-items:flex-start;gap:4px;max-width:180px;display:flex}.video-meta .link-btn{color:var(--text);text-align:left;font-weight:700}.song-list{flex-direction:column;gap:2px;margin-bottom:20px;display:flex}.song-row{cursor:pointer;border-radius:10px;grid-template-columns:52px minmax(160px,2fr) 60px 80px 90px 120px 60px 90px;align-items:center;gap:12px;padding:8px 10px;display:grid}.song-row:not(.head):hover{background:var(--panel-2)}.song-row.head{cursor:default;padding-top:0}.song-row-art{border-radius:8px;width:52px;height:52px;position:relative}.song-row-art .preview-btn{bottom:9px;right:9px}.song-row-title{flex-direction:column;min-width:0;display:flex}.song-row-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.library-hero{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.song-row{grid-template-columns:52px 1fr 60px 120px}.song-row>:nth-child(4),.song-row>:nth-child(5),.song-row>:nth-child(7),.song-row>:nth-child(8){display:none}}.stage{gap:8px;padding:10px 14px}.player-toolbar{min-height:0}.player-toolbar .shape-chips button{padding:3px 10px}.player-toolbar .zones-select{padding:2px 6px}.player-toolbar .icon{width:26px;height:26px}.timeline-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 10px;display:grid}.timeline-bar .clock{justify-self:start}.timeline-bar .transport{justify-self:center}.timeline-bar .zoom{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:4px}.transport .icon{width:34px;height:30px}.transport .icon.play{width:46px;height:34px}.timeline.collapsed .timeline-bar{border-bottom:none}.collapse-btn{width:24px;height:24px;padding:0}.timeline-inner{height:146px}.waveform{height:46px;top:42px}.clip-region{top:40px}.section-lane{top:90px}.blocks{height:34px;top:108px}.gap-chip{color:#c9cee6;font-style:italic;background:repeating-linear-gradient(135deg,#8a93b859 0 6px,#8a93b82e 6px 12px)!important}@media (width<=1200px){.timeline-bar{grid-template-columns:1fr auto}.timeline-bar .zoom{grid-column:1/-1;justify-content:center;justify-self:stretch}}.live-preview{z-index:1;border-radius:inherit;background:#000;position:absolute;inset:0;overflow:hidden}.live-preview.loading{color:var(--muted);place-items:center;font-size:12px;display:grid}.project-art .preview-btn,.project-art .card-menu-btn,.project-art .video-badge,.project-art .track-badge,.project-art .select-dot{z-index:2}.continue-art{position:relative;overflow:hidden}.continue-art.live{width:170px;height:96px}.continue-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.continue-btn{background:var(--accent-c,var(--accent));color:#111;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.continue-btn.ghost-btn{color:#fff;background:#ffffff24}.continue-btn:hover{filter:brightness(1.1)}.album-chip{color:#ffd29a;background:#ffb3472e;border-radius:6px;margin-left:6px;padding:0 6px;font-size:10px}.welcome{text-align:center;flex-direction:column;align-items:center;gap:26px;max-width:980px;margin:10px auto 40px;display:flex}.welcome-head h1{background:linear-gradient(90deg,#fff,#ffc2dd 45%,#b9a8ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 6px;font-size:34px}.welcome-head p{margin:0;font-size:15px}.welcome-logo{color:var(--accent);filter:drop-shadow(0 0 18px #ff4d9d99);font-size:34px}.welcome-drop{cursor:pointer;background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(135deg, var(--accent), var(--accent-2), #3de0ff) border-box;border:2px dashed #0000;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:min(620px,100%);padding:40px 20px;transition:transform .15s,box-shadow .15s;display:flex}.welcome-drop:hover,.welcome-drop.over{transform:translateY(-2px);box-shadow:0 16px 50px #ff4d9d40}.welcome-drop strong{font-size:18px}.welcome-drop-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;line-height:1}.welcome-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.welcome-step{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex;position:relative}.welcome-step-num{color:var(--muted);font-size:12px;font-weight:800;position:absolute;top:12px;right:14px}.welcome-step-icon{font-size:26px}.welcome-alt{justify-content:center}@media (width<=900px){.welcome-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.empty-state{text-align:center;border:1px dashed var(--border);background:linear-gradient(#7c5cff14,#0000);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;display:flex}.empty-icon{font-size:32px}.topbar{gap:12px;min-height:40px;padding:4px 12px}.topbar button,.topbar .button{padding:4px 10px;font-size:13px}.brand{font-size:15px}.project-name{font-size:13px}.tab{padding:8px 6px}.timeline-bar .clock{flex-wrap:wrap;gap:6px}.continue-art .preview-btn{z-index:2;width:30px;height:30px;bottom:6px;right:6px}.inst-tag{margin-left:6px;font-size:.8em}.instrumental-note{margin:-4px 0 4px}.artist-picks{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.artist-picks .chip{border-radius:999px;padding:3px 9px;font-size:11px}.look-filters{flex-wrap:wrap;gap:5px;display:flex}.look-filters .chip{border-radius:999px;padding:4px 10px;font-size:11px}.look-filters .chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.bg-task{background:linear-gradient(135deg,#7c5cff24,#ff4d9d1a);border:1px solid #7c5cff59;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lyrics-editor .lyrics-typing{resize:none;height:auto;overflow:hidden}.lyrics-editor .lyrics-mirror{overflow:visible}.lx-section{font-weight:inherit;text-shadow:0 0 .6px}.lx-adlib{font-style:normal}button.direct-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000;font-weight:600}button.direct-btn:hover:not(:disabled){filter:brightness(1.12)}.dialog.direct-dialog{width:min(480px,100vw - 32px)}.direct-row{grid-template-columns:56px 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.direct-check{align-items:center;gap:8px;font-size:13px;display:flex}.direct-check small{color:var(--muted)}.direct-check select{width:auto;padding:2px 6px}.direct-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.direct-steps li{color:var(--muted);grid-template-columns:20px 1fr auto;align-items:start;gap:8px;font-size:13px;display:grid}.direct-steps li.working,.direct-steps li.done{color:var(--text)}.direct-steps li.done .direct-icon{color:var(--ok,#34d399)}.direct-steps li.error .direct-icon{color:var(--err)}.direct-steps li.working .direct-icon{animation:1s linear infinite render-spin;display:inline-block}.direct-label{flex-direction:column;display:flex}.direct-label small{color:var(--muted);font-size:11.5px}.direct-pct{font-variant-numeric:tabular-nums;color:var(--muted)}.direct-error{color:var(--err);margin:0;font-size:13px}.ok-text{color:var(--ok,#34d399)}.yt-publish progress{width:100%}.yt-setup{flex-direction:column;gap:8px;display:flex}.yt-setup ol{flex-direction:column;gap:6px;margin:0;padding-left:18px;line-height:1.5;display:flex}.yt-uri{-webkit-user-select:all;user-select:all;word-break:break-all;background:#ffffff0f;border-radius:6px;margin-top:4px;padding:4px 8px;display:block}.yt-channel{align-items:center;gap:8px;display:flex}.yt-channel img{border-radius:50%;width:24px;height:24px}.yt-channel .link-btn{margin-left:auto}.yt-done{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yt-done p{flex-basis:100%;margin:0}.card.autopilot{max-width:720px;margin-bottom:16px}.autopilot-options{flex-direction:column;gap:10px;display:flex}.autopilot-options .direct-row{grid-template-columns:56px minmax(0,340px)}.autopilot-options .direct-row.wide{grid-template-columns:auto minmax(0,240px)}.autopilot-tracks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.autopilot-tracks li{background:#ffffff08;border-radius:8px;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.5fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.autopilot-tracks li.done{background:#34d39914}.autopilot-tracks li.error .small{color:var(--err)}.autopilot-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.autopilot-steps{gap:3px;display:flex}.autopilot-steps i{background:#ffffff1f;border-radius:2px;width:14px;height:4px}.autopilot-steps i.working{background:var(--accent);animation:1s ease-in-out infinite pulse}.autopilot-steps i.done{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.autopilot-steps i.skipped{background:#ffffff4d}.autopilot-steps i.error{background:var(--err)}.scene-list{flex-direction:column;gap:6px;display:flex}.scene-row{background:#ffffff08;border-radius:8px;grid-template-columns:84px 1fr;align-items:center;gap:8px;padding:6px;display:grid}.scene-row.filled{background:#ff9f4314;grid-template-columns:84px 56px minmax(0,1fr) auto}.scene-controls{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.scene-controls select{flex:88px;width:auto}.scene-actions{gap:4px;display:flex}.scene-time{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:2px 6px;display:flex}.scene-time strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;overflow:hidden}.scene-thumb{background:#000;border-radius:4px;width:56px;height:32px;overflow:hidden}.scene-thumb img,.scene-thumb video{object-fit:cover;width:100%;height:100%;display:block}.scene-row select{min-width:0;padding:4px 6px;font-size:12px}.scene-empty{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dialog.area-editor{width:min(1100px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.area-body{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:14px;display:grid}.area-stage{background:#000;border-radius:10px;place-items:center;width:100%;min-height:200px;max-height:70vh;display:grid;position:relative;overflow:hidden}.area-stage canvas{width:100%;height:100%;position:absolute;inset:0}.area-stage canvas+canvas{cursor:crosshair;touch-action:none}.area-stage canvas.erasing{cursor:cell}.area-side,.area-tools{flex-direction:column;gap:8px;display:flex}.area-slider{grid-template-columns:56px 1fr;align-items:center;gap:8px;display:grid}.area-card{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.area-card.active{border-color:var(--area);box-shadow:0 0 0 1px var(--area) inset}.area-dot{background:var(--area);border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.area-dirs{grid-template-columns:repeat(3,32px);gap:4px;display:grid}.area-dirs button{padding:4px 0;font-size:14px}.area-dirs button.active{background:var(--accent);color:#fff}button.small-btn.animated{border-color:var(--accent);color:var(--accent)}@media (width<=760px){.area-body{grid-template-columns:1fr}}.autopilot-badge{color:var(--accent)}.subsubtabs{z-index:1;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 0;display:flex;position:sticky;top:16px}.subsubtabs button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:4px 12px;font-size:12.5px}.subsubtabs button:hover:not(.active){color:var(--text)}.subsubtabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.subtab-badge{opacity:.8;margin-left:5px;font-size:11px}.subtabs .subtab-badge{color:var(--accent)}.viz-off{align-self:flex-start;padding:4px 14px}.viz-off.active,.viz-card.active{background:var(--accent);border-color:var(--accent);color:#fff}.viz-group{flex-direction:column;gap:4px;display:flex}.viz-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.viz-card{flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;display:flex}.viz-icon{font-size:18px;line-height:1.2}.render-tray-pill.failed{border-color:var(--err);color:var(--err)}.render-speed{flex-direction:column;gap:4px;padding-bottom:4px;display:flex}.render-tray-error{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-badges{gap:4px;display:inline-flex}.history-badge.cloud{color:#3de0ff;background:#3de0ff29}.signin{background:radial-gradient(ellipse at 20% 10%, #ff4d9d2e, transparent 55%), radial-gradient(ellipse at 80% 90%, #7c5cff2e, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:min(400px,100%);padding:28px;display:flex;box-shadow:0 24px 60px #00000073}.signin-card h1{margin:0;font-size:22px}.signin-code{letter-spacing:.4em;text-align:center;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px}.signin-note{color:#ffcf8a;background:#ffb3471f;border-radius:8px;margin:0;padding:10px 12px}.update-notice{z-index:120;background:var(--panel-2);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.plan-pill{white-space:nowrap;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12.5px}.plan-pill.low{border-color:var(--warn,#ffb347);color:var(--warn,#ffb347)}.dialog.plans-dialog{width:min(980px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.plans-usage{flex-direction:column;gap:6px;display:flex}.plans-meter{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.plans-meter span{background:linear-gradient(90deg, var(--accent), var(--accent-2,#8b5cf6));height:100%;display:block}.plans-interval{align-self:center;width:min(360px,100%)}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.plan-card{border:1px solid var(--border);background:#ffffff05;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.plan-card.popular{border-color:var(--accent)}.plan-card.current{background:#ff4d9d14}.plan-card ul{flex-direction:column;flex:1;gap:4px;margin:4px 0 8px;padding-left:18px;display:flex}.plan-price{font-size:26px;font-weight:800}.plan-badge{background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:12px}.plan-current{text-align:center;background:#ffffff0f;border-radius:8px;padding:6px}.plans-extras{background:#ffffff08;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.segmented button.locked{opacity:.6}.welcome-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.logo-mark{color:var(--text);align-items:center;gap:9px;display:inline-flex}.signin-brand{color:var(--text);justify-content:center;padding:4px 0 8px;display:flex}.welcome-head .welcome-brand{color:var(--text);margin:0 0 14px}.welcome-head{margin-top:-6px}.topbar{position:relative}.topbar-spacer{flex:1}.topbar-wordmark{color:var(--text);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signin-brand{flex-direction:column;align-items:center;gap:12px}.signin-card h1{text-align:center}@media (width<=900px){.logo-word{display:none!important}}.account{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 60px;display:flex;overflow-y:auto}.account-row{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px;padding:4px 0;display:grid}.account-row input{flex:1;min-width:0}.account-plan{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.account-plan strong{font-size:20px}.account-renders{flex-direction:column;gap:4px;display:flex}.account-render{border-bottom:1px solid var(--border);grid-template-columns:60px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 0;display:grid}.account-render.error,.account-render.cancelled{opacity:.6}.account-render-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-danger{border-color:#ff5a5a59}@media (width<=1240px){.topbar-wordmark{display:none!important}}