:root{--bg:#f7f7f5;--panel:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#deded8;--accent:#2f5bd3;--danger:#b3261e;--chip:#eef1fb;--mask-bg:#f1efe8;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161615;--panel:#1f1f1d;--text:#ecece8;--muted:#a3a39c;--border:#3a3a36;--accent:#8aa8ff;--danger:#ff8a80;--chip:#263052;--mask-bg:#2d2c27}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}input,select{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.top{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;padding:10px 16px;display:flex}.top nav{flex-wrap:wrap;gap:14px;display:flex}.top nav a{color:var(--muted);text-decoration:none}.top nav a.active{color:var(--text);font-weight:600}.top .who{color:var(--muted);margin-left:auto}.page{max-width:1200px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.error{color:var(--danger)}.warn{color:#a06000}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form{gap:14px;max-width:640px;display:grid}.form label{gap:4px;display:grid}fieldset{border:1px solid var(--border);border-radius:8px}.inline{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:12px}.pill{white-space:nowrap;margin-right:10px}table.list{border-collapse:collapse;background:var(--panel);width:100%}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px}table.list pre{white-space:pre-wrap;max-width:260px;margin:0;font-size:12px}@media (width<=720px){table.list thead{display:none}table.list tr{border-bottom:1px solid var(--border);display:block}table.list td{border:none;padding:4px 8px;display:block}}.chip{background:var(--chip);border-radius:999px;align-items:center;gap:4px;margin:2px 4px 2px 0;padding:2px 10px;font-size:14px;display:inline-flex}.chip-x{background:0 0;border:none;padding:0 2px}code.mask{background:var(--mask-bg);border-radius:4px;padding:0 4px;font-family:ui-monospace,SF Mono,Menlo,monospace}code.mask.subtle{color:var(--muted);font-size:12px}.path .sep{color:var(--muted)}.status{background:var(--mask-bg);border-radius:999px;padding:2px 8px;font-size:12px}.status-ready{color:#1d5b2a;background:#d8f0dc}.status-error{color:#7d1d16;background:#f6d9d6}@media (prefers-color-scheme:dark){.status-ready{color:#a8e0b4;background:#1f3b25}.status-error{color:#f3b1aa;background:#47201c}}ul.tree{margin:0;padding-left:0;list-style:none}ul.tree ul.tree{padding-left:18px}.tag-row{flex-wrap:wrap;align-items:center;gap:8px;padding:3px 0;display:flex}.tag-row .actions{gap:4px;margin-left:12px;display:flex}.tag-row .actions button{padding:2px 6px;font-size:12px}.twisty{background:0 0;border:none;width:20px;padding:0}.picker{gap:8px;max-height:360px;display:grid;overflow:auto}.typeahead{display:inline-block;position:relative}.menu{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:260px;max-height:300px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;overflow:auto}.menu button{text-align:left;border:none;width:100%}.video-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;display:grid}@media (width<=900px){.video-layout{grid-template-columns:1fr}}.player{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player .placeholder{color:#ccc;place-items:center;height:100%;display:grid}.history{padding:0;font-size:14px;list-style:none}.history li{padding:3px 0}button.link{color:var(--accent);background:0 0;border:none;padding:0}.login{max-width:420px;padding-top:10vh}ul.plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}
