:root{--bg: #060d1c;--bg-2: #0b1628;--panel: #0e1b30;--line: #1e3150;--line-2: #2b4468;--text: #e6eef8;--muted: #8aa0bd;--ice: #cfe3f5;--accent: #7fb2e5;--accent-ink: #061226;--danger: #f08a8a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 70% -10%,#12284a 0%,transparent 60%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh}[hidden]{display:none!important}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand:hover .wordmark{color:#fff}.mark{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2f8ff 0,#f2f8ff 12%,#7fb2e5 30%,#14305a 75%);box-shadow:0 0 12px #7fb2e580}.wordmark{font:700 14px/1 Montserrat,sans-serif;letter-spacing:.22em;color:var(--ice)}main{flex:1;display:flex;min-height:0}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:12px}.drop{width:min(640px,100%);border:1.5px dashed var(--line-2);border-radius:16px;background:#0e1b3099;padding:56px 32px;text-align:center;transition:border-color .15s,background .15s;outline:none}.drop.over,.drop:focus-visible{border-color:var(--accent);background:#1e375c99}.drop h1{font:600 24px/1.2 Montserrat,sans-serif;letter-spacing:.02em;margin:0 0 10px}.drop p{color:var(--muted);margin:0 auto 22px;max-width:44ch}.drop .hint{margin:18px auto 0;font-size:12px}.tools{display:grid;grid-template-columns:minmax(0,640px) minmax(0,320px);gap:16px;width:min(976px,100%)}.tools .drop{width:100%}.tool-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line-2);border-radius:16px;background:#0e1b3099;color:var(--text);padding:32px 24px;transition:border-color .15s,background .15s}.tool-card:hover,.tool-card:focus-visible{border-color:var(--accent);background:#1e375c99;outline:none}.tool-card h1{font:600 24px/1.2 Montserrat,sans-serif;letter-spacing:.02em;margin:18px 0 10px}.tool-card p{color:var(--muted);margin:0 0 22px;max-width:30ch}.tool-sample{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.tool-sample b,.tool-sample i{background:linear-gradient(90deg,#041332,#071c39 55%,#092040 85%,#0e2958);color:#e2eefa;font:700 13px/1 Montserrat,sans-serif;letter-spacing:.06em;padding:6px 12px;font-style:normal}.tool-sample i{font-weight:400;font-size:11px;padding:4px 12px;letter-spacing:.01em}@media(max-width:760px){.tools{grid-template-columns:1fr}}button,.primary{font:inherit;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:10px 18px;font-weight:600}.primary:hover{background:#9cc5ee}.primary:disabled{opacity:.5;cursor:default}.primary.wide{width:100%}.t-png{width:100%;margin-top:8px}.ghost{background:transparent;color:var(--text);border:1px solid var(--line-2);border-radius:8px;padding:7px 12px}.ghost:hover{border-color:var(--accent)}.ghost.small{padding:4px 10px;font-size:12px}.icon{display:grid;place-items:center;width:36px;height:36px;background:var(--panel);color:var(--text);border:1px solid var(--line-2);border-radius:50%}.icon:hover{border-color:var(--accent)}.work{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0}.stage-col{display:flex;flex-direction:column;min-width:0;padding:16px;gap:12px}.stage{position:relative;flex:1;min-height:240px;display:grid;place-items:center;background:#02060e;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stage canvas{max-width:100%;max-height:100%;display:block}.stage:fullscreen{border:0;border-radius:0;background:#000}.badge{position:absolute;top:12px;left:12px;font:600 11px/1 Montserrat,sans-serif;letter-spacing:.15em;background:#060d1ccc;border:1px solid var(--line-2);padding:6px 9px;border-radius:6px}.transport{display:flex;align-items:center;gap:12px}.timeline{position:relative;flex:1;padding-top:18px}.timeline input[type=range]{display:block}.tr-mark{position:absolute;top:0;transform:translate(-50%);font:700 9px/1 Montserrat,sans-serif;letter-spacing:.12em;color:var(--ice);background:#0d2a52;border:1px solid rgba(159,208,255,.55);border-radius:3px;padding:3px 5px;cursor:ew-resize;touch-action:none;white-space:nowrap}.tr-mark:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:6px;background:#9fd0ffb3}.tr-mark:hover,.tr-mark.dragging{background:#15407a}.timeline.has-cloud-marks{padding-bottom:18px}.tr-mark.cloud{top:auto;bottom:0;color:#dfe6f2;background:#3a4458;border-color:#dce4f280}.tr-mark.cloud:after{top:auto;bottom:100%;background:#dce4f2b3}.tr-mark.cloud:hover,.tr-mark.cloud.dragging{background:#4c5872}.anim-row{margin-top:12px}.head-actions{display:flex;align-items:center;gap:10px}.head-actions button[hidden]{display:inline-block!important;visibility:hidden}#frame-label{min-width:150px;text-align:right;color:var(--muted)}.panel{border-left:1px solid var(--line);background:#0b1628b3;overflow-y:auto;padding:8px 18px 24px}.group{padding:14px 0;border-bottom:1px solid var(--line)}.group:last-child{border-bottom:0}.group-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.group-head h2{margin:0}#clip-name{color:var(--ice);text-transform:none;letter-spacing:.08em;font-size:13px}.meta{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;margin:0}.meta dt{color:var(--muted)}.meta dd{margin:0}#fps{width:56px;background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;font:inherit}.slider{margin-top:14px}.slider-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.slider-head span:last-child{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}input[type=range]{width:100%;accent-color:var(--accent)}.progress{margin-top:12px}.bar{height:6px;background:var(--bg-2);border-radius:3px;overflow:hidden}#bar-fill,#t-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#4f86c2,var(--ice));transition:width .2s}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted)}.status{min-height:1.5em;margin:10px 0 0;color:var(--muted)}.status.error{color:var(--danger)}.fine{color:var(--muted);font-size:12px;margin:10px 0 0}@media(max-width:860px){.work{grid-template-columns:1fr;overflow-y:auto}.stage{min-height:200px;flex:none;aspect-ratio:16 / 9}.panel{border-left:0;border-top:1px solid var(--line)}.stage-col{padding:16px 16px 8px}#frame-label{min-width:0}}.stage.placing canvas{cursor:crosshair}.stage canvas.grab{cursor:grab}.stage canvas.grabbing{cursor:grabbing}.place-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#060d1cd9;border:1px solid var(--accent);padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;white-space:nowrap}.name-pop{position:absolute;width:200px;transform:translate(10px,-50%);background:var(--bg-2);color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:6px 9px;font:600 13px/1.2 Montserrat,sans-serif;letter-spacing:.04em;outline:none}.toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.label-actions{display:flex;gap:8px;margin-top:4px}.label-actions button:disabled{opacity:.4;cursor:default}.label-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.label-item{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--bg-2);cursor:pointer}.label-item.selected{border-color:var(--accent)}.label-row{display:flex;align-items:center;gap:8px}.label-kind{font:600 9px/1 Montserrat,sans-serif;letter-spacing:.14em;color:var(--muted);width:38px;flex:none}.label-name{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:600 12px/1.4 Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:2px 0;outline:none}.label-name:focus{border-bottom:1px solid var(--accent)}.label-del{background:none;border:0;color:var(--muted);font-size:16px;line-height:1;padding:0 2px}.label-del:hover{color:var(--danger)}.label-sub{font-size:11px;color:var(--muted);margin:4px 0 0 46px}.label-controls{margin:4px 0 4px 46px}.label-controls .slider{margin-top:8px}.label-controls select{margin-top:8px;background:var(--panel);color:var(--text);border:1px solid var(--line-2);border-radius:6px;padding:3px 6px;font:inherit;font-size:12px}.gizmo{position:absolute;pointer-events:none}.t-timeline{flex:1}.t-timeline input[type=range]{display:block}#t-time{min-width:110px;text-align:right;color:var(--muted)}.t-head{gap:12px;margin-bottom:12px;align-items:flex-start}.t-head h2{padding-top:7px}.t-tabbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0}.t-tabs{display:contents}.t-tab{flex:none;display:flex;align-items:center;gap:6px;max-width:120px;font:500 12px/1 Inter,sans-serif;color:var(--muted);cursor:pointer;background:transparent;border:1px solid var(--line-2);border-radius:6px;padding:5px 8px}.t-tab span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-tab:hover{border-color:var(--accent);color:var(--text)}.t-tab.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.t-tab-x{font-size:14px;line-height:10px;opacity:.7}.t-tab-x:hover{opacity:1}.t-tab-add{font-size:15px;padding:3px 9px}.t-weight{display:flex;align-items:baseline;gap:8px;margin-top:6px;font-size:12px}.t-words{display:flex;flex-wrap:wrap;gap:4px}.t-word{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.06em;color:var(--muted);cursor:pointer;background:transparent;border:1px solid var(--line-2);border-radius:5px;padding:4px 7px}.t-word:hover{border-color:var(--accent)}.t-word.bold{font-weight:700;color:var(--text);border-color:var(--accent)}.t-preview{display:block}.t-preview[data-bg=checker]{background:repeating-conic-gradient(#1b2638 0,#1b2638 25%,#111a29 0,#111a29 50%) 0 0 / 20px 20px}.t-preview[data-bg=dark]{background:linear-gradient(180deg,#2c3548,#1a2436 60%,#233149)}.t-preview[data-bg=light]{background:linear-gradient(180deg,#8d9db5,#c3cedd)}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;margin-top:12px}.field input[type=text],.field input[type=number],.field select,.field textarea{background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:6px;padding:6px 9px;font:inherit;outline:none;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;line-height:1.45}.field-row{display:grid;grid-template-columns:.8fr 1.3fr .9fr;gap:8px;margin-bottom:14px}.unit{display:flex;align-items:center;gap:6px;color:var(--muted)}.unit input{width:100%}