*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,sans-serif;font-size:13px}body{display:flex;background:#1b1b1d;color:#e6e6e6;overflow:hidden}#side{width:330px;min-width:330px;height:100%;overflow-y:auto;padding:12px 14px;background:#232326;border-right:1px solid #333}h1{font-size:16px;margin:0 0 10px}h2{font-size:13px;margin:14px 0 6px;color:#aaa;font-weight:600}section{border-top:1px solid #333;padding-top:4px}main{flex:1;position:relative}canvas{display:block;width:100%;height:100%;cursor:default}#images{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}#images li{padding:4px 6px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;gap:6px;font-variant-numeric:tabular-nums}#images li:hover{background:#2f2f33}#images li.active{background:#3a4a66}.st{font-size:11px;padding:0 5px;border-radius:3px}.st.none{background:#444}.st.draft{background:#6b5a1e}.st.in_progress{background:#1e5a6b}.st.done{background:#2a6b2e}.row{display:flex;align-items:center;gap:10px;margin:6px 0}select,button{background:#2f2f33;color:#eee;border:1px solid #444;border-radius:4px;padding:3px 8px;font:inherit}button:hover{background:#3a3a40}.muted{color:#888}.badge{background:#3a4a66;color:#fff;padding:1px 6px;border-radius:3px;font-size:11px}#stats{line-height:1.7;font-variant-numeric:tabular-nums}#stats b{font-size:18px}.keys{border-collapse:collapse;width:100%}.keys td{padding:2px 4px;vertical-align:top;color:#ccc}.keys td:first-child{white-space:nowrap}kbd{background:#3a3a40;border:1px solid #555;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:11px}#legend{list-style:none;padding:0;margin:0}#legend li{display:flex;align-items:center;gap:6px;padding:2px 0}.sw{width:12px;height:12px;border-radius:2px;display:inline-block}#toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%);background:#000c;padding:6px 14px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#toast.err{background:#a01e1ee6}#stats .count{font-variant-numeric:tabular-nums}#stats .count b{font-size:26px}.ok{color:#7bd88f;font-weight:600}.ng{color:#ff6b6b;font-weight:600}p.muted{margin:4px 0 8px;line-height:1.5}#stats .fit{color:#4dd0e1}[hidden]{display:none!important}#app{display:flex;width:100%;height:100%}#gate{margin:auto;text-align:center;line-height:1.8}#gate button{font-size:14px;padding:6px 16px}#who{font-size:11px}nav.screens{display:flex;gap:10px;margin:0 0 8px;font-size:12px}nav.screens a{color:#9ecbff}