:root{--bg: #1b1b1b;--panel: #232323;--panel-2: #2a2a2a;--line: #383838;--text: #e8e8e8;--dim: #9a9a9a;--faint: #6e6e6e;--green: #1f9d55;--green-hi: #26b866;--red: #e05252;--yellow: #e3c14a;--mono: ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow:hidden}input,pre,code,.mono{text-transform:none;letter-spacing:0}.mono{font-family:var(--mono);font-size:12px}button,input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#454545}::-webkit-scrollbar-track{background:#1f1f1f}.app{display:grid;grid-template-columns:190px 1fr;height:100vh}.nav{background:#171717;border-right:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;gap:2px}.nav-logo{padding:0 16px 16px;font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--green-hi)}.nav button{background:none;border:none;border-left:3px solid transparent;padding:9px 16px;text-align:left;color:var(--dim);font-size:12px;cursor:pointer}.nav button:hover{background:#202020;color:var(--text)}.nav button.on{background:#242424;color:var(--text);border-left-color:var(--green-hi)}.nav-space{flex:1}.nav-status{padding:10px 16px;font-size:10px;color:var(--faint);font-family:var(--mono);border-top:1px solid var(--line)}.nav a{color:var(--dim);text-decoration:none;padding:9px 16px;font-size:12px}.nav a:hover{color:var(--text);background:#202020}.main{overflow-y:auto;padding:22px 26px 40px}.page{max-width:940px}h1{font-size:15px;margin:0 0 3px;letter-spacing:.06em}.lede{color:var(--faint);font-size:12px;margin:0 0 18px}h2{font-size:10px;letter-spacing:.1em;color:var(--faint);margin:22px 0 8px;font-weight:600}h2:first-child{margin-top:0}.box{background:var(--panel);border:1px solid var(--line);padding:14px;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2)}.row+.row{margin-top:4px}.row.pick{border-color:var(--green)}.row.main{flex:1;min-width:0}.row strong{font-size:12.5px;font-weight:600}.row small{display:block;color:var(--faint);font-family:var(--mono);font-size:11px}button.btn{background:var(--panel-2);border:1px solid var(--line);padding:8px 13px;font-size:12px;cursor:pointer}button.btn:hover:not(:disabled){background:#333}button.btn:disabled{opacity:.4;cursor:not-allowed}button.go{background:var(--green);border:none;color:#fff;padding:12px 28px;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer}button.go:hover:not(:disabled){background:var(--green-hi)}button.go:disabled{opacity:.5;cursor:progress}button.go.stop{background:#9c2f2f}input[type=text],input:not([type]),select{background:#1a1a1a;border:1px solid var(--line);padding:8px 9px;width:100%}input:focus,select:focus{outline:none;border-color:var(--green)}label.field{display:block;margin-bottom:10px}label.field span{display:block;font-size:10px;color:var(--faint);margin-bottom:4px;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.seg{display:flex;border:1px solid var(--line)}.seg button{flex:1;border:none;border-right:1px solid var(--line);background:#1a1a1a;color:var(--dim);padding:7px 4px;font-size:11px;cursor:pointer}.seg button:last-child{border-right:none}.seg button.on{background:var(--green);color:#fff}input[type=range]{width:100%;accent-color:var(--green)}.tabs{display:flex;border:1px solid var(--line);margin-bottom:8px;width:fit-content}.tabs button{border:none;border-right:1px solid var(--line);background:#1a1a1a;color:var(--dim);padding:6px 11px;font-size:10px;cursor:pointer;letter-spacing:.06em}.tabs button:last-child{border-right:none}.tabs button.on{background:var(--green);color:#fff}.versions{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:3px;max-height:260px;overflow-y:auto;background:#1a1a1a;border:1px solid var(--line);padding:6px}.versions button{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#242424;border:1px solid transparent;color:var(--text);padding:6px 8px;font-family:var(--mono);font-size:11px;cursor:pointer;text-align:left;text-transform:none}.versions button:hover{border-color:#4c4c4c}.versions button.on{border-color:var(--green);background:#2b2b2b}.tag{font-size:9px;padding:1px 4px;background:#3b3b3b;color:var(--dim)}.tag.snapshot{background:#4a3a12;color:#e3c14a}.tag.old_beta{background:#3a2a4a;color:#c39bff}.tag.old_alpha{background:#2a3a4a;color:#7fc4ff}.log{background:#111;border:1px solid var(--line);padding:10px;font-family:var(--mono);font-size:11.5px;line-height:1.55;height:calc(100vh - 190px);overflow-y:auto;color:#c4c4c4;white-space:pre-wrap;word-break:break-word;text-transform:none;user-select:text}.log .err{color:var(--red)}.log .gutter{color:#3a3a3a;margin-right:8px;user-select:none}.bar{height:8px;background:#1a1a1a;border:1px solid var(--line)}.bar>div{height:100%;background:var(--green)}.meta{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-bottom:6px}.msg{padding:11px 13px;border:1px solid var(--line);background:var(--panel);margin-bottom:12px;font-size:12.5px}.msg.bad{border-color:#6b2b2b;color:#ff9c9c}.msg.warn{border-color:#6b5a20;color:var(--yellow)}.foot{margin-top:20px;padding-top:10px;border-top:1px solid var(--line);color:var(--faint);font-size:11px;display:flex;gap:12px;align-items:center}.spacer{flex:1}a{color:var(--green-hi)}
