:root{--bg: #14161a;--panel: #1b1e24;--line: #2c313a;--text: #e6e8ec;--muted: #8d94a3;--accent: #4c8dff;--ok: #3fb950;--bad: #f4564a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{height:100%}code,pre,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:11px}.pad{padding:12px}.row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:4px}button{background:#23272f;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 8px;font:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:space-between}button:hover{border-color:#414855}button.on{background:var(--accent);border-color:var(--accent);color:#fff}button.primary{background:#2a4f8f;border-color:#386bc0;justify-content:center}button:disabled{opacity:.5;cursor:default}select,textarea{background:#101216;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 6px;font-size:12px;width:100%}.pg{display:grid;grid-template-columns:300px minmax(0,1fr);height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:10px;overflow:auto;display:flex;flex-direction:column;gap:10px}.sidebar h1{font-size:14px;margin:0}.field{display:flex;flex-direction:column;gap:4px}.field>span:first-child{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.field.grow textarea{min-height:120px;resize:vertical}.error{margin:0;color:var(--bad);font-size:12px}.main{display:grid;grid-template-rows:auto minmax(0,1fr) 240px;min-width:0}.tabs{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--panel)}.stage{overflow:auto;padding:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frame{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;min-width:0}.frame-head{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--line);font-size:12px}.frame-head button{margin-left:auto;padding:2px 6px}.frame-sub{color:var(--muted);font-size:11px}.frame-box{position:relative;aspect-ratio:16 / 9;background:#fff}.frame-mount,.frame-mount iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.raw-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#4c8dffd9;box-shadow:0 0 0 2px #fff;pointer-events:none;transition:left 60ms linear,top 60ms linear}.raw-press,.raw-drag{background:#f4564ae6}.edit{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px;align-items:start}.edit-side{border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow:hidden}.edit-body{padding:8px;display:flex;flex-direction:column;gap:8px}.edit-body pre{margin:0;max-height:320px;overflow:auto;background:#101216;border:1px solid var(--line);border-radius:4px;padding:6px;font-size:11px}.asset-pending{border:1px solid var(--accent);border-radius:4px;padding:6px}.inspector{border-top:1px solid var(--line);background:var(--panel);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.inspector-head{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--line)}.inspector-head button{padding:2px 6px}.pair{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:11px}.pair-cell{display:flex;flex-direction:column}.tag{border-radius:3px;padding:1px 5px;font-size:10px;letter-spacing:.04em}.tag.ok{background:#3fb9502e;color:var(--ok)}.tag.bad{background:#f4564a2e;color:var(--bad)}.entries{overflow:auto;font-size:11.5px}.entry{display:flex;gap:8px;padding:1px 8px;border-bottom:1px solid #22262d;white-space:nowrap}.entry:hover{background:#202430}.entry-n{color:#565d6b;min-width:34px;text-align:right}.entry-kind{min-width:68px;color:var(--muted)}.entry-from{min-width:140px;color:#a6adbb;overflow:hidden;text-overflow:ellipsis}.entry-text{flex:0 0 auto}.entry-detail{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.k-event{color:#7ee787}.k-progress{color:#79c0ff}.k-shared{color:#d2a8ff}.k-patch,.k-raw{color:#ffa657}.k-error{color:var(--bad)}.k-outcome{color:#f0c674}