:root{--bg:#0b0d10;--panel:#101318d1;--line:#ffffff17;--text:#e7ecf3;--muted:#8b95a4;--accent:#e8a13c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{pointer-events:none;background:linear-gradient(#06080bbf,#0000);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.01em;align-items:center;gap:10px;font-weight:600;display:flex}.brand em{color:var(--muted);margin-left:8px;font-style:normal;font-weight:400}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 14px var(--accent);border-radius:50%}.tabs{pointer-events:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;gap:2px;padding:3px;display:flex}.tabs button,.segmented button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 16px;font-weight:600;transition:background .15s,color .15s}.tabs button:hover,.segmented button:hover{color:var(--text)}.tabs button.active,.segmented button.active{color:var(--text);background:#ffffff1c}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;width:322px;max-height:calc(100vh - 90px);padding:4px 18px 16px;position:fixed;top:68px;left:18px;overflow-y:auto;box-shadow:0 24px 60px #00000073}.panel section{border-bottom:1px solid var(--line);padding:14px 0}.panel section:last-of-type{border-bottom:0}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.hint{color:var(--muted);margin:6px 0 0;font-size:12px}.hint.footer{padding-top:4px}.steps{margin:12px 0 0;padding:0;list-style:none}.steps li+li{margin-top:4px}.steps label{cursor:pointer;border-radius:9px;grid-template-columns:18px 22px 1fr;align-items:start;gap:8px;padding:8px;transition:background .15s;display:grid}.steps label:hover{background:#ffffff0b}.steps input{accent-color:var(--accent);width:15px;height:15px;margin:2px 0 0}.steps .num{font-variant-numeric:tabular-nums;color:var(--accent);opacity:.85;text-align:center;font-weight:700}.steps .text{color:var(--muted);font-size:12px;display:block}.steps .text strong{color:var(--text);font-size:13px;font-weight:600;display:block}.steps label.disabled{opacity:.4;cursor:not-allowed}.presets{gap:8px;margin-top:12px;display:flex}.presets button{appearance:none;border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.presets button:hover{background:#ffffff1a}.presets button.primary{background:#e8a13c29;border-color:#e8a13c80}.presets button.primary:hover{background:#e8a13c42}.segmented{border:1px solid var(--line);background:#ffffff0d;border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{flex:1;padding:7px 8px;font-size:12px}.readout{grid-template-columns:1fr 1fr;gap:8px 14px;font-size:12px;display:grid}.readout div{justify-content:space-between;gap:8px;display:flex}.readout span{color:var(--muted)}.readout b{font-variant-numeric:tabular-nums;font-weight:600}.loader{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#080a0ddb;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.loader.hidden{opacity:0;pointer-events:none}.loader-inner{align-items:center;gap:16px;display:flex}.spinner{border:2px solid #ffffff24;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-text strong{font-size:15px;display:block}.loader-text span{color:var(--muted);font-size:12px}.fatal{z-index:30;text-align:center;background:#14100c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.fatal[hidden]{display:none}.fatal strong{color:#ffb454;margin-bottom:8px;font-size:16px;display:block}.fatal p{color:var(--muted);max-width:42ch;margin:0 auto;font-size:13px}@media (width<=820px){.panel{width:auto;max-height:46vh;top:62px;right:18px}.brand em{display:none}}.labels span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;color:#dbe3ec;white-space:nowrap;pointer-events:none;background:#0a0c109e;border:1px solid #ffffff14;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;transition:opacity .2s;position:fixed;top:0;left:0}.animbar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;border-radius:12px;align-items:center;gap:16px;padding:8px 14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 48px #00000080}.animbar .clips{gap:2px;display:flex}.animbar .clips button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.animbar .clips button:hover{color:var(--text)}.animbar .clips button.active{color:#ffce8a;background:#e8a13c2e}.animbar label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.animbar .speed{border-left:1px solid var(--line);padding-left:16px}.animbar .speed input{width:96px;accent-color:var(--accent)}.animbar .speed b{color:var(--text);font-variant-numeric:tabular-nums;width:42px}.animbar .bones{border-left:1px solid var(--line);cursor:pointer;padding-left:16px}.animbar .bones input{accent-color:var(--accent);width:15px;height:15px}@media (width<=820px){.animbar{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 36px)}}