.saas-account-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line, #262636);background:var(--bg-3, #1a1a27);color:var(--text, #ecebf5);cursor:pointer;font:inherit;white-space:nowrap}.saas-account-btn:hover{border-color:var(--accent, #8b6cff)}.saas-coin{color:var(--accent-2, #00e5ff);font-size:11px}.saas-muted{color:var(--muted, #8d8aa5)}.saas-small{font-size:12px}.saas-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:grid;place-items:center;padding:16px}.saas-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--bg-2, #12121c);border:1px solid var(--line, #262636);border-radius:14px;padding:24px;box-shadow:0 30px 80px #00000080;color:var(--text, #ecebf5)}.saas-modal h2{margin:0;font-size:18px}.saas-close{position:absolute;top:10px;right:12px;border:0;background:none;color:var(--muted, #8d8aa5);font-size:22px;cursor:pointer}.saas-stack{display:flex;flex-direction:column;gap:12px}.saas-stack p{margin:0}.saas-row{display:flex;gap:8px;flex-wrap:wrap}.saas-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-right:24px}.saas-head>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.saas-balance{display:flex;flex-direction:column;align-items:flex-end}.saas-balance b{font-size:26px;line-height:1;color:var(--accent-2, #00e5ff)}.saas-balance span{font-size:11px;color:var(--muted, #8d8aa5)}.saas-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted, #8d8aa5)}.saas-field input{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line, #262636);background:var(--bg, #0b0b12);color:var(--text, #ecebf5);font:inherit;font-size:14px}.saas-field input:focus{outline:2px solid var(--accent, #8b6cff);outline-offset:-1px}.saas-btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--line, #262636);background:var(--bg-3, #1a1a27);color:var(--text, #ecebf5);font:inherit;cursor:pointer}.saas-btn:hover:not(:disabled){border-color:#3a3a52}.saas-btn:disabled{opacity:.45;cursor:not-allowed}.saas-btn.primary{background:linear-gradient(135deg,var(--accent, #8b6cff),#6a4cff);border-color:transparent;font-weight:600}.saas-btn.sm{height:28px;padding:0 10px;font-size:12px}.saas-btn.danger:hover:not(:disabled){border-color:var(--danger, #ff5c7a);color:var(--danger, #ff5c7a)}.saas-link{align-self:center;border:0;background:none;color:var(--muted, #8d8aa5);cursor:pointer;font:inherit;text-decoration:underline}.saas-ok,.saas-err{padding:8px 10px;border-radius:8px;font-size:13px;cursor:default}.saas-ok{background:#00e5a01a;color:#5ff0bd}.saas-err{background:#ff5c7a1a;color:var(--danger, #ff5c7a)}.saas-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line, #262636);overflow-x:auto}.saas-tabs button{border:0;background:none;color:var(--muted, #8d8aa5);padding:8px 10px;cursor:pointer;font:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.saas-tabs button.active{color:var(--text, #ecebf5);border-bottom-color:var(--accent, #8b6cff)}.saas-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.saas-pack{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;border:1px solid var(--line, #262636);background:var(--bg-3, #1a1a27)}.saas-pack-credits{font-size:20px;font-weight:700}.saas-pack .saas-btn{margin-top:8px}.saas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.saas-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg-3, #1a1a27)}.saas-list li>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.saas-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-tag{font-size:11px;padding:3px 8px;border-radius:999px;white-space:nowrap;background:var(--bg-2, #12121c)}.saas-tag.completed{color:#5ff0bd}.saas-tag.refunded{color:var(--accent-2, #00e5ff)}.saas-tag.reserved{color:#ffd166}@media (max-width: 480px){.saas-modal{padding:18px}.saas-list li{flex-direction:column;align-items:stretch}}:root{--bg: #0b0b12;--bg-2: #12121c;--bg-3: #1a1a27;--line: #262636;--text: #ecebf5;--muted: #8d8aa5;--accent: #8b6cff;--accent-2: #00e5ff;--danger: #ff5c7a;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.app{height:100%;display:grid;grid-template-columns:76px 340px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"top top top" "rail panel main"}.app.dragging:after{content:"Solte o áudio para carregar";position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:50;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:16px;background:#8b6cff1f;font-size:22px;font-weight:600;pointer-events:none}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.brand{display:flex;align-items:center;gap:8px;font-size:16px;letter-spacing:.2px;white-space:nowrap}.brand b{color:var(--accent)}.brand-mark{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent));box-shadow:0 0 16px #8b6cff99}.project-name{background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 8px;min-width:120px;flex:0 1 260px}.project-name:hover,.project-name:focus{border-color:var(--line);outline:none}.topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,transform .05s}.btn:hover:not(:disabled){border-color:#3a3a52;background:#22222f}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),#6a4cff);border-color:transparent;font-weight:600}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#9b80ff,#7a5cff)}.btn.ghost{background:transparent}.btn.sm{height:26px;padding:0 10px;font-size:12px}.rail{grid-area:rail;display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-right:1px solid var(--line);background:var(--bg-2);overflow-y:auto}.rail button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.rail button:hover{background:var(--bg-3);color:var(--text)}.rail button.on{background:#8b6cff29;color:var(--text)}.rail-icon{font-size:16px;height:20px;letter-spacing:-2px}.panel{grid-area:panel;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg);padding-bottom:40px}.section{border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.section-head h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600}.section-body{padding:6px 16px 16px;display:flex;flex-direction:column;gap:12px}.panel-actions{padding:14px 16px 0}.hint{color:var(--muted);font-size:12px;margin:0}.hint code{background:var(--bg-3);padding:1px 4px;border-radius:4px}.error{color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}.field-label{display:flex;justify-content:space-between;color:#bdbad2;font-size:12px}.field-label em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}.field select,.field .text,.field textarea,.lyrics-editor{width:100%;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:7px 9px;outline:none}.field textarea,.lyrics-editor{resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:12px}.field select:focus,.field .text:focus,.field textarea:focus,.lyrics-editor:focus{border-color:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--pct, 50%),#2b2b3d var(--pct, 50%));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #8b6cff59}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}.color-row{display:flex;gap:8px;align-items:center}.swatch{position:relative;width:34px;height:32px;border-radius:8px;border:1px solid var(--line);flex:none;overflow:hidden}.swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.segmented{display:flex;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.segmented button{flex:1;border:0;background:transparent;border-radius:6px;padding:6px 4px;color:var(--muted);cursor:pointer;font-size:12px;white-space:nowrap}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--accent);color:#fff}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:#bdbad2;font-size:12px}.toggle input{display:none}.toggle i{position:relative;width:34px;height:20px;border-radius:20px;background:#2b2b3d;transition:background .15s;flex:none}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(14px)}.row-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:4px}.icon-btn:hover{background:var(--bg-3);color:var(--danger)}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdbad2}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:6px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.preset:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-thumb{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:6px;background:#000;display:block}.preset-name{font-weight:600;padding:2px 2px 0}.preset-tag{color:var(--muted);font-size:11px;padding:0 2px 2px}.layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.layer-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--bg-2)}.layer-list li.active{border-color:var(--accent);background:#8b6cff1a}.layer-dot{width:14px;height:14px;border-radius:4px;flex:none}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:2px}.layer-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 5px;border-radius:4px}.layer-actions button:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.layer-actions button:disabled{opacity:.3}.main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0}.stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(139,108,255,.08),transparent 60%),repeating-conic-gradient(#0e0e16,#0e0e16 25%,#101019 0%,#101019 50%) 0 0 / 24px 24px}.preview{display:block;border-radius:6px;box-shadow:0 20px 60px #0009;cursor:pointer;background:#000}.overlay,.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#08080eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drop-hint strong{font-size:22px}.drop-hint span{color:var(--muted)}.drop-actions{display:flex;gap:10px;margin-top:8px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid #2b2b3d;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timeline{display:flex;align-items:center;gap:12px;height:64px;padding:0 16px;border-top:1px solid var(--line);background:var(--bg-2)}.play{width:40px;height:40px;border-radius:50%;border:0;flex:none;background:var(--accent);color:#fff;cursor:pointer;font-size:14px}.play:disabled{opacity:.4;cursor:not-allowed}.time{font-variant-numeric:tabular-nums;color:#bdbad2;white-space:nowrap;min-width:90px}.wave{flex:1;height:40px;min-width:100px;cursor:pointer;border-radius:6px;background:var(--bg);touch-action:none}.track-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.timeline input.volume{width:80px;flex:none}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;display:grid;place-items:center;padding:16px}.modal{width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #0009}.modal h2{margin:0;font-size:18px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.specs div{background:var(--bg-3);border-radius:8px;padding:8px 10px}.specs dt{color:var(--muted);font-size:11px}.specs dd{margin:2px 0 0;font-weight:600}.progress{display:flex;flex-direction:column;gap:6px;color:#bdbad2;font-variant-numeric:tabular-nums}.progress-bar{height:8px;border-radius:8px;background:#2b2b3d;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.result{display:flex;flex-direction:column;gap:6px}.result video{width:100%;max-height:300px;border-radius:8px;background:#000}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"top" "rail" "main" "panel";height:auto;min-height:100%}.topbar{flex-wrap:wrap;padding:8px 16px;gap:8px}.topbar-actions{flex-wrap:wrap;margin-left:0}.rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.rail button{min-width:64px}.main{height:60vh}.panel{border-right:0}.specs{grid-template-columns:repeat(2,1fr)}.track-name,.volume{display:none}}:root{--bg: #09090f;--bg-2: #101018;--bg-3: #181824;--line: #23232f;--glass: rgba(16, 16, 24, .72)}.topbar{background:linear-gradient(180deg,#12121b,#0e0e16)}.btn svg{flex:none}.btn.icon{width:34px;padding:0}.btn-group{display:flex;gap:2px;padding-right:6px;margin-right:2px;border-right:1px solid var(--line)}.btn.primary{box-shadow:0 6px 20px #8b6cff59}.rail{gap:4px}.rail button{transition:background .15s,color .15s;position:relative}.rail button.on:before{content:"";position:absolute;left:-6px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent-2))}.rail-icon{display:grid;place-items:center;height:20px;letter-spacing:0}.section-head{padding:10px 12px 4px 10px;min-height:40px}.section-toggle{display:flex;align-items:center;gap:6px;background:none;border:0;padding:4px;cursor:pointer;color:var(--muted);border-radius:6px;flex:1;text-align:left}.section-toggle:hover{color:var(--text)}.section-toggle .chev{transition:transform .15s;flex:none}.section.closed .chev{transform:rotate(-90deg)}.section.closed .section-head{padding-bottom:10px}.section-body{padding:4px 16px 16px}.field-label em{cursor:text;padding:0 4px;border-radius:4px}.field-label em:hover{background:var(--bg-3);color:var(--text)}.num-edit{width:72px;text-align:right;background:var(--bg-3);border:1px solid var(--accent);border-radius:4px;padding:0 4px;outline:none;font-size:12px;font-variant-numeric:tabular-nums}input[type=range]{height:5px}input[type=range]::-webkit-slider-thumb{transition:transform .1s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.grad-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.grad-presets button{height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .1s,box-shadow .1s}.grad-presets button:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #ffffff40}.looks{display:flex;flex-wrap:wrap;gap:6px}.milk{display:flex;flex-direction:column;gap:8px}.milk-search{display:flex;gap:6px}.milk-search .text{flex:1;min-width:0;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:6px 9px;outline:none}.milk-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:4px}.milk-list button{text-align:left;border:0;background:transparent;color:#bdbad2;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milk-list button:hover{background:var(--bg-3);color:var(--text)}.milk-list button.on{background:#8b6cff38;color:#fff}.scene-layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.scene-layers li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;border:1px solid transparent;background:var(--bg-2);transition:background .12s,border-color .12s}.scene-layers li:hover{background:var(--bg-3)}.scene-layers li.active{border-color:var(--accent);background:#8b6cff1f}.scene-layers li.off{opacity:.45}.sl-icon{display:grid;place-items:center;color:var(--accent-2)}.layer-actions button{display:inline-grid;place-items:center}.text-editor{border-left:2px solid transparent;transition:border-color .15s,background .15s}.text-editor.selected{border-left-color:var(--accent);background:#8b6cff0d}.preview-wrap{position:relative}.preview{cursor:default}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.sel-box{position:absolute;pointer-events:none;border:1.5px solid var(--accent-2);border-radius:4px;box-shadow:0 0 0 1px #0006,0 0 18px #00e5ff40}.sel-box.hover{border:1px dashed rgba(255,255,255,.55);box-shadow:none}.sel-label{position:absolute;left:-1px;top:-22px;padding:2px 7px;border-radius:4px;white-space:nowrap;font-size:11px;background:var(--accent-2);color:#001318;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sel-handle{position:absolute;right:-7px;bottom:-7px;width:13px;height:13px;border-radius:3px;background:#fff;border:2px solid var(--accent-2);pointer-events:auto;cursor:nwse-resize}.snap-line{position:absolute;pointer-events:none;background:#ff3ea5}.snap-line.v{top:0;bottom:0;width:1px}.snap-line.h{left:0;right:0;height:1px}.guide-safe{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px dashed rgba(255,255,255,.35);pointer-events:none}.guide-line{position:absolute;pointer-events:none;background:#ffffff1f}.guide-line.v{top:0;bottom:0;width:1px}.guide-line.h{left:0;right:0;height:1px}.guide-ui{position:absolute;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(255,60,120,.16) 0 6px,transparent 6px 12px)}.guide-ui.bottom{left:0;right:0;bottom:0;height:20%}.guide-ui.right{right:0;top:35%;bottom:20%;width:14%}.stage-tools{position:absolute;top:12px;right:12px;display:flex;gap:4px;padding:4px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px}.tool{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.tool:hover{background:var(--bg-3);color:var(--text)}.tool.on{background:#8b6cff40;color:#fff}.stage:fullscreen{background:#000}.play{display:grid;place-items:center;box-shadow:0 6px 18px #8b6cff66;transition:transform .1s}.play:hover:not(:disabled){transform:scale(1.05)}.vol-icon{color:var(--muted);flex:none}.tree,.tree-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tree-items{margin:2px 0 6px 14px;padding-left:8px;border-left:1px solid var(--line)}.tree-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s;min-height:32px}.tree-row:hover{background:var(--bg-3)}.tree-row.layer{background:var(--bg-2);font-weight:600}.tree-row.active{border-color:var(--accent);background:#8b6cff1f}.tree-row.off{opacity:.45}.tree-chev{border:0;background:none;color:var(--muted);padding:0;display:grid;place-items:center;cursor:pointer}.tree-rename{flex:1;min-width:0;background:var(--bg-3);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;outline:none}.tree-auto{color:#ffd166;flex:none}.tree-empty{color:var(--muted);font-size:12px;padding:4px 8px}.layer-actions button.on{background:#ffd16640;color:#ffd166;font-weight:700}.layer-actions button{min-width:22px;height:22px;font-size:11px}.add-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;margin:2px 0 4px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}.add-menu button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#bdbad2;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px;text-align:left}.add-menu button:hover{background:var(--bg-3);color:var(--text)}.label-text{display:inline-flex;align-items:center;gap:4px}.auto-btn{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;border:0;padding:0;background:transparent;color:#55526b;cursor:pointer;opacity:0;transition:opacity .12s,color .12s,background .12s}.field:hover .auto-btn,.auto-btn.on{opacity:1}.auto-btn:hover{color:#ffd166;background:var(--bg-3)}.auto-btn.on{color:#ffd166;background:#ffd16626}.auto-btn.on.off{color:var(--muted);background:transparent}.auto-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.auto-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;background:var(--bg-2);border:1px solid transparent}.auto-list li:hover{background:var(--bg-3)}.auto-list li.active{border-color:#ffd166;background:#ffd16614}.auto-list li.off{opacity:.5}.auto-list .toggle i{transform:scale(.8)}.auto-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;flex:none}.auto-type.audio{background:#00e5ff26;color:var(--accent-2)}.auto-type.keyframes{background:#ffd16626;color:#ffd166}.auto-type.lfo{background:#8b6cff33;color:#b9a8ff}.auto-type.math{background:#39ff141f;color:#8dff6f}.picker{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.keys{display:flex;flex-direction:column;gap:4px}.key-row{display:grid;grid-template-columns:auto 1fr 1fr auto auto;gap:4px;align-items:center}.key-row .text,.key-row select{width:100%;min-width:0;background:var(--bg-3);border:1px solid var(--line);border-radius:6px;padding:5px 6px;outline:none;font-size:12px}.key-row:has(>:nth-child(3):last-child){grid-template-columns:1fr 1fr auto}.key-time{border:0;background:none;color:#ffd166;cursor:pointer;font-size:12px}.field.number .text{width:100%;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:6px 9px;outline:none}.icon-btn.neutral:hover{color:var(--text)}.hint.ok{color:#8dff6f}.proj-search{display:flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:0 8px;color:var(--muted)}.proj-search input{flex:1;background:none;border:0;outline:none;padding:7px 0;min-width:0}.proj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.proj-list li{display:flex;gap:10px;align-items:center;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer}.proj-list li:hover{border-color:#3a3a52}.proj-list li.active{border-color:var(--accent);background:#8b6cff1a;cursor:default}.proj-thumb{width:84px;height:48px;border-radius:6px;overflow:hidden;background:#000;flex:none;display:grid;place-items:center}.proj-thumb img{width:100%;height:100%;object-fit:cover}.proj-thumb span{font-size:10px;color:var(--muted)}.proj-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.proj-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-track,.proj-date{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.export-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-mode{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-3);cursor:pointer}.export-mode.on{border-color:var(--accent);background:#8b6cff1f}.export-mode span,.export-mode em{font-size:11px;color:var(--muted);font-style:normal}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button{border:1px solid var(--line);background:var(--bg-2);color:#bdbad2;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}.profile{display:flex;flex-wrap:wrap;gap:6px}.profile span{background:var(--bg-3);border-radius:6px;padding:4px 8px;font-size:12px;color:#bdbad2}.profile b{color:var(--text)}.preset.gen{cursor:default}.gen-apply{border:0;padding:0;background:none;cursor:pointer;width:100%;border-radius:6px;overflow:hidden}.gen-apply:hover{outline:2px solid var(--accent)}.gen-row{display:flex;align-items:center;justify-content:space-between;width:100%}.pal{display:inline-block;width:18px;height:8px;border-radius:4px;margin-right:5px;vertical-align:middle}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.style-card{display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;color:#bdbad2;font-size:11px}.style-card:hover{border-color:var(--accent);color:var(--text)}.style-card .preset-thumb{border-radius:5px}.sublayer{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.sublayer.off{opacity:.5}.sublayer-head{display:flex;align-items:center;gap:8px}.sublayer-head b{flex:1;font-size:12px}.key-row.pts{grid-template-columns:18px 1fr 1fr auto}.own-analysis{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;background:var(--bg-3)}.stage-quality{position:absolute;bottom:12px;right:12px;display:flex;gap:2px;padding:3px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:9px}.stage-quality button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:4px 8px;border-radius:6px;cursor:pointer;font-variant-numeric:tabular-nums}.stage-quality button:hover{color:var(--text)}.stage-quality button.on{background:#8b6cff4d;color:#fff}.stage.pseudo-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000}.stage:fullscreen .stage-overlay,.stage.pseudo-full .stage-overlay{display:none}.row-wrap{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.transcribe-progress{display:flex;flex-direction:column;gap:6px}.transcribe-progress .bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.transcribe-progress .bar i{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#00e5ff);transition:width .3s}.xs-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04030ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.xs{width:min(1500px,100%);height:min(920px,100%);display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 120px #000000b3;overflow:hidden}.xs-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.xs-head h2{margin:0;font-size:17px}.xs-sub{color:var(--muted);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xs-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px}.xs-stage{min-width:0;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#07060d}.xs-frame{max-width:100%;max-height:calc(100% - 90px);width:auto;height:100%;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #00000080;display:grid}.xs-frame canvas,.xs-frame video{width:100%;height:100%;object-fit:contain;display:block}.xs-progress{width:min(720px,100%);display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums;color:#cfcbe6}.xs-progress-row{display:flex;gap:10px;align-items:baseline;font-size:13px}.xs-progress-row b{font-size:18px;color:#fff}.xs-side{border-left:1px solid var(--line);overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.xs-group{display:flex;flex-direction:column;gap:8px}.xs-group h3{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.xs-group select{background:var(--bg-3);color:inherit;border:1px solid var(--line);border-radius:8px;padding:8px}.xs-chips{display:flex;flex-wrap:wrap;gap:6px}.xs-chips button{flex:1 1 auto;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:inherit;cursor:pointer;font-weight:600;font-size:13px}.xs-chips button small{font-size:10px;font-weight:400;color:var(--muted)}.xs-chips button.on{border-color:var(--accent);background:#8b6cff29}.xs-chips button:disabled{opacity:.5;cursor:default}.xs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xs-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.xs-field input{background:var(--bg-3);color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-variant-numeric:tabular-nums;min-width:0}.xs-file{flex-direction:row;align-items:center;gap:6px}.xs-file input{flex:1}.xs-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.xs-summary div{background:var(--bg-3);border-radius:8px;padding:8px 10px}.xs-summary dt{color:var(--muted);font-size:11px}.xs-summary dd{margin:2px 0 0;font-weight:600;font-size:13px}.xs-foot{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}.xs-spacer{flex:1}@media (max-width: 900px){.xs-back{padding:0}.xs{border-radius:0;height:100%}.xs-body{grid-template-columns:1fr;overflow-y:auto}.xs-stage{min-height:50vh}.xs-side{border-left:0;border-top:1px solid var(--line);overflow:visible}}.tree-grip{display:inline-grid;place-items:center;color:var(--muted);opacity:.45;cursor:grab;flex:none}.tree-row:hover .tree-grip{opacity:1}.tree-row[draggable=true]:active{cursor:grabbing}.tree-more{display:none;gap:2px}.tree-row:hover .tree-more,.tree-row.active .tree-more{display:inline-flex}.layer-actions button.danger:hover:not(:disabled){background:#ff4d6d2e;color:#ff6b81}.tree-layer.drop>.tree-row.layer,.tree-row.item.drop{box-shadow:inset 0 0 0 2px var(--accent)}.tree-layer.dragging,.tree-row.dragging{opacity:.4}button.armed{background:#ff4d6d38!important;color:#ff8a9d!important;border-color:#ff4d6d!important}.confirm-ask{font-size:11px;font-weight:700;white-space:nowrap}.notices{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.notice{padding:10px 14px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 10px 30px #00000080;font-size:13px;cursor:pointer}.notice.error{border-color:#ff4d6d}.xs-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg-3);padding:4px;border-radius:10px}.xs-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;font-size:12px}.xs-tabs button.on{background:var(--bg-2);color:#fff;box-shadow:0 1px 4px #0006}.xs-tabs button:disabled{opacity:.4;cursor:default}.pub{display:flex;flex-direction:column;gap:16px}.pub .xs-group h3{display:flex;align-items:center;gap:6px}.pub textarea,.pub select{background:var(--bg-3);color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;resize:vertical}.pub-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#000;display:grid;place-items:center;color:var(--muted);font-size:12px}.pub-result{white-space:pre-wrap;font-size:11px;background:var(--bg-3);border-radius:8px;padding:8px;max-height:160px;overflow:auto;margin:0}