:root{color-scheme:dark;--fg: #e7e7ea;--muted: #8a8a96;--panel: rgba(20, 20, 26, .72);--line: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#14141a;color:var(--fg);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage{position:fixed;inset:0;display:block;width:100%;height:100%}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff14;padding:1px 5px;border-radius:4px}body.dragging:after{content:"";position:fixed;inset:12px;border:2px dashed rgba(255,255,255,.35);border-radius:12px;pointer-events:none}body.tracking{overflow:auto;padding:20px;background:#14141a}body.tracking header h1{font-size:16px;margin:0 0 4px}body.tracking header p{margin:0 0 12px}body.tracking .muted{color:var(--muted)}body.tracking button{font:inherit;color:var(--fg);background:#2a2a35;border:1px solid var(--line);border-radius:8px;padding:6px 14px;cursor:pointer}body.tracking button:disabled{opacity:.5;cursor:default}body.tracking main{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:20px;margin-top:18px;align-items:start}@media(max-width:860px){body.tracking main{grid-template-columns:1fr}}.feed video{width:100%;border-radius:10px;border:1px solid var(--line);transform:scaleX(-1);display:block}.feed dl{margin:12px 0 0;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.feed dl>div{display:flex;justify-content:space-between;padding:2px 0}.feed dt{color:var(--muted)}.feed dd{margin:0;font-variant-numeric:tabular-nums}.bars{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.bars-head{margin-bottom:8px;color:var(--muted)}.bars-head label{cursor:pointer}.bar{display:grid;grid-template-columns:150px 1fr 52px;align-items:center;gap:10px;padding:1px 0}.bar-name{font-size:12px;color:var(--muted)}.bar-track{height:8px;background:#ffffff12;border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;width:0%;background:#5b8cff;border-radius:4px}.bar-track i.hot{background:#ff7a59}.bar-val{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}#backdrop{position:fixed;inset:0;background-color:#14141a;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}#stage{z-index:1}#panel{position:fixed;top:12px;left:12px;z-index:3;width:256px;max-height:calc(100vh - 24px);overflow-y:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#panel section{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}#panel h2{margin:0 0 7px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#panel .row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}#panel .row>span{color:var(--muted)}#panel .row>b{font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#panel .row.license{font-size:12px}#panel .toggle{justify-content:flex-start;gap:8px;cursor:pointer;padding:3px 0}.modes{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:3px;background:#0000004d;border-radius:9px}.modes button{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:0;border-radius:6px;padding:6px 4px;cursor:pointer}.modes button.on{color:var(--fg);background:#3a3a48}.hint{margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}.hint.keys b{color:var(--fg);font-weight:600}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}#panel button,.file-btn span{display:inline-block;font:inherit;font-size:12px;color:var(--fg);background:#2a2a35;border:1px solid var(--line);border-radius:7px;padding:5px 10px;cursor:pointer}#panel button:disabled{opacity:.45;cursor:default}#panel button.ghost{background:transparent}.file-btn input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-btn{display:inline-block}input[type=color]{width:30px;height:26px;padding:0;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}#panel-show{position:fixed;top:12px;left:12px;z-index:3;font-size:14px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:6px 10px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.25;transition:opacity .15s}#panel-show:hover{opacity:1}#preview{position:fixed;right:12px;bottom:12px;z-index:3;width:200px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#000}#preview video{display:block;width:100%;transform:scaleX(-1)}#toast{position:fixed;left:50%;bottom:28px;z-index:4;transform:translate(-50%) translateY(6px);padding:7px 14px;font-size:12px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#backdrop.blackout{background-image:none!important;background-color:#000!important}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.panel-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#panel .panel-head button{padding:1px 9px 3px;line-height:1.2;font-size:15px;color:var(--muted);background:transparent;border-color:transparent}#panel .panel-head button:hover{color:var(--fg);background:#2a2a35;border-color:var(--line)}#loading{position:fixed;inset:0;z-index:6;display:grid;place-items:center;background:#0d0d12;opacity:0;transition:opacity .3s ease}#loading[hidden]{display:none}#loading:not(.show){pointer-events:none}#loading.show{opacity:1}.loading-box{width:min(340px,calc(100vw - 48px))}.loading-label{font-size:13px;font-weight:500;margin-bottom:10px}.loading-bar{height:4px;border-radius:999px;background:#ffffff17;overflow:hidden}.loading-bar i{display:block;height:100%;width:0%;border-radius:999px;background:#5b8cff;transition:width .18s ease}#loading.indeterminate .loading-bar i{transition:none;animation:loading-sweep 1.1s ease-in-out infinite;transform-origin:left center}@keyframes loading-sweep{0%{transform:scaleX(0);opacity:.55}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:.55}}.loading-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}