:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#e5edf7;background:#0a101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1400px;margin:auto;padding:25px 36px;border-bottom:1px solid #273245;display:flex;justify-content:space-between;gap:15px}.brand{font-size:14px;font-weight:750;letter-spacing:2px}.brand span{color:#7f94b4;margin-left:22px;font-size:11px}.version,.eyebrow{color:#6ce0cd;font-size:12px;letter-spacing:2px}main{max-width:1400px;margin:auto;padding:30px 36px}.intro{margin-bottom:30px}.intro h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:12px 0}.intro>p:last-child{color:#9cafca}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.panel{background:#111b2b;border:1px solid #29374e;border-radius:14px;padding:22px}.workspace{display:grid;gap:18px;min-width:0}h2{font-size:12px;color:#6ce0cd;letter-spacing:1px;margin:0 0 20px}h2 span{font-size:15px;color:#e5edf7;margin-left:10px;letter-spacing:0}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:baseline;flex-wrap:wrap}label{display:block;font-size:13px;margin:17px 0 7px}small{font-size:11px;color:#9cafca}label small{float:right}input,textarea{width:100%;background:#0a1321;color:#f0f6ff;border:1px solid #364963;border-radius:7px;padding:10px 12px;font:14px ui-monospace,Consolas,monospace}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid #6ce0cd;outline-offset:3px}.hint,.scope{color:#9cafca;font-size:12px;line-height:1.7}.scope{margin-bottom:0;border-top:1px solid #2a374a;padding-top:18px}.pill{font-size:11px;color:#afc1dc;background:#1d2b40;padding:5px 9px;border-radius:20px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fields>div{border-radius:8px;padding:14px;border:1px solid #34526c;min-width:0}.fields span{display:block;font-size:10px;letter-spacing:1px}.fields code{display:block;overflow-wrap:anywhere;font-size:18px;line-height:1.6;margin:8px 0}.tag{background:#142c38;color:#87e8d6}.index{background:#202640;color:#aabaff}.offset{background:#302b2b;color:#f6cf93}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}button{border:1px solid #3b506e;background:#1c2c43;color:#e5edf7;padding:10px 14px;border-radius:7px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}.primary{background:#6ce0cd;color:#09201e;border-color:#6ce0cd}form button{width:100%;margin-top:8px}.quiet{width:100%;background:transparent;font-size:12px}#error,#dirty{color:#ffb39f;font-size:12px;line-height:1.6}#event{color:#c7dcf4;font-size:13px;min-height:21px}#progress{margin-left:auto;color:#9cafca;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{background:#111b2b;border:1px solid #29374e;padding:17px 20px;border-radius:10px}.stats span{font-size:10px;color:#9cafca;letter-spacing:1px}.stats strong{display:block;font-size:27px;margin-top:7px;font-weight:500}.table-scroll{overflow:auto;max-height:420px}.history{max-height:260px}table{width:100%;border-collapse:collapse;font:12px ui-monospace,Consolas,monospace;text-align:left}th{color:#9cafca;font-weight:500}th,td{padding:12px;border-bottom:1px solid #28374c;white-space:pre;line-height:1.8}thead{background:#152237;position:sticky;top:0}.active-cell{background:#1c3c42;color:#a0f5dd}.hit{color:#6ce0cd}.miss{color:#ffbb93}footer{font-size:11px;color:#879bb8;line-height:1.7;margin:28px 0 10px}#address-label{font-size:13px;color:#c9d8ee}@media(max-width:800px){header,main{padding:20px}.layout{grid-template-columns:1fr}.brand span{display:none}.stats{gap:6px}.stats>div{padding:13px 9px}.stats strong{font-size:22px}.panel{padding:17px}.fields code{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}