:root{--cyan:#3ff2ff;--magenta:#ff3fb4;--amber:#ffb43f;--white:#f4f7ff;--bg:#05060f;--panel:#0d1122;--dim:#f4f7ff8c}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font:13px/1.45 system-ui,Hiragino Sans,Yu Gothic UI,sans-serif}header{border-bottom:1px solid #3ff2ff33;align-items:baseline;gap:16px;padding:8px 14px;display:flex}h1{letter-spacing:.2em;color:var(--cyan);margin:0;font-size:16px}h2{letter-spacing:.15em;color:var(--dim);margin:6px 0;font-size:12px;font-weight:500}.note,.dim{color:var(--dim);font-size:12px}main{grid-template-columns:minmax(640px,1.4fr) 1fr;gap:12px;padding:12px;display:grid}canvas#view{background:#000;border:1px solid #ffffff14;border-radius:6px;width:100%;height:auto}.panel{background:var(--panel);border-radius:8px;margin-bottom:10px;padding:8px 10px}.row{gap:10px;margin-top:10px;display:flex}.grow{flex:1}.bar{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}button,select,input{color:var(--white);font:inherit;background:#151a33;border:1px solid #3ff2ff59;border-radius:4px;padding:3px 8px}button:hover{border-color:var(--cyan)}button.on{background:var(--magenta);border-color:var(--magenta)}pre{white-space:pre;margin:0;font:11px/1.4 ui-monospace,Menlo,Consolas,monospace}.log{max-height:160px;color:var(--dim);overflow:auto}.barrow{grid-template-columns:60px 1fr 46px;align-items:center;gap:6px;margin:2px 0;font:11px ui-monospace,monospace;display:grid}.barrow i{background:linear-gradient(90deg, var(--cyan), var(--amber));border-radius:2px;height:10px;display:block}.barrow.sel span:first-child{color:var(--amber)}table{border-collapse:collapse;font:11px ui-monospace,monospace}td,th{text-align:right;border:1px solid #ffffff14;padding:2px 5px}td.diag{color:var(--cyan);font-weight:700}td.bad{color:var(--magenta)}.file input{display:none}.file{cursor:pointer;border:1px solid #3ff2ff59;border-radius:4px;padding:3px 8px}.slider{grid-template-columns:130px 1fr 54px;align-items:center;gap:6px;font:11px ui-monospace,monospace;display:grid}