:root{--bg:#15161b;--panel:#1c1d24eb;--panel-border:#ffffff14;--text:#e6e6ea;--muted:#9a9ba6;--accent:#4f8cff;--accent-strong:#79a7ff;--danger:#ff6b6b;--ok:#5fd39b;--control:#2a2b34;--control-hover:#363744;--radius:8px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#viewport{position:absolute;inset:0}#viewport canvas{outline:none;display:block;width:100%!important;height:100%!important}#topbar{pointer-events:none;background:linear-gradient(#15161be6,#15161b00);align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}#topbar>*{pointer-events:auto}.brand{letter-spacing:.02em;margin-right:4px;font-weight:600}#path-form{flex:320px;gap:0;min-width:160px;max-width:640px;display:flex}#path-form input{border-radius:var(--radius) 0 0 var(--radius);flex:1;min-width:0}#path-form button{border-radius:0 var(--radius) var(--radius) 0}.model-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-left:auto;overflow:hidden}button,input[type=text],select{font:inherit;color:var(--text);background:var(--control);border:1px solid var(--panel-border);border-radius:var(--radius);padding:6px 10px;line-height:1.2}button{cursor:pointer;white-space:nowrap}button:hover{background:var(--control-hover)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-btn{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-btn svg{fill:currentColor;width:14px;height:14px}.icon-btn.play{background:var(--accent);border-color:#0000}.icon-btn.play:hover{background:var(--accent-strong)}kbd{color:var(--muted);border:1px solid var(--panel-border);background:#ffffff0f;border-radius:4px;margin-left:2px;padding:1px 4px;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}input[type=checkbox]{accent-color:var(--accent);margin:0 6px 0 0}input[type=color]{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:22px;padding:0}input[type=range]{accent-color:var(--accent);flex:1;min-width:80px}#panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:280px;max-height:calc(100vh - 144px);padding:4px 0;position:absolute;top:52px;right:12px;overflow-y:auto}#panel[hidden]{display:none}#panel section{border-bottom:1px solid var(--panel-border);padding:10px 14px}#panel section:last-child{border-bottom:none}#panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}#panel label{cursor:pointer;align-items:center;padding:3px 0;display:flex}#panel label.row{justify-content:space-between}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.stats{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.warnings{color:#ffd489;background:#ffbe501a;border:1px solid #ffbe504d;border-radius:6px;max-height:160px;margin:8px 0 0;padding:8px 10px;font-size:12px;list-style:none;overflow-y:auto}.warnings li+li{margin-top:4px}.muted{color:var(--muted)}.small{margin:6px 0 0;font-size:12px;line-height:1.5}#transport{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:34px;left:12px;right:12px}#transport[hidden]{display:none}#clip-select{min-width:120px;max-width:240px}.transport-buttons{gap:4px;display:flex}.time-label{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;text-align:right;min-width:190px}label.inline{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}#site-footer{color:var(--muted);pointer-events:none;background:linear-gradient(#15161b00,#15161be6);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;padding:6px 12px 5px;font-size:11px;line-height:1.3;display:flex;position:absolute;bottom:0;left:0;right:0}#site-footer>*{pointer-events:auto}#site-footer .sep{opacity:.5}#site-footer a{color:var(--muted);text-underline-offset:2px;-webkit-text-decoration:underline #9a9ba666;text-decoration:underline #9a9ba666}#site-footer a:hover{color:var(--text);text-decoration-color:currentColor}#empty-hint{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#empty-hint[hidden]{display:none}.hint-card{text-align:center;max-width:380px;color:var(--muted);background:var(--panel);border:1px dashed #fff3;border-radius:12px;flex-direction:column;gap:6px;padding:20px 24px;display:flex}.hint-card strong{color:var(--text);font-size:15px}#drop-overlay{border:3px dashed var(--accent);pointer-events:none;z-index:10;background:#4f8cff26;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex;position:absolute;inset:0}#drop-overlay[hidden]{display:none}.status{background:var(--panel);border:1px solid var(--panel-border);max-width:min(720px,100vw - 32px);color:var(--text);z-index:5;overflow-wrap:anywhere;border-radius:8px;padding:8px 14px;position:absolute;bottom:94px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.status[hidden]{display:none}.status.error{border-color:var(--danger);color:#ffb3b3}.status.ok{border-color:var(--ok)}@media (max-width:900px){#panel{width:240px}#topbar,#transport{flex-wrap:wrap}.time-label{min-width:0}}