.r-chunk{--role:#ff2e88}.r-header{--role:#ffb36b}.r-delta{--role:var(--text-3)}.r-status{--role:var(--accent)}.r-data{--role:var(--text)}.r-meta{--role:#2de2e6}.r-length{--role:#7aa2b8}.r-payload{--role:#8be36b}.r-sysex{--role:#a78bfa}.r-junk{--role:#ff4d4d}.drop{border-style:dashed;border-color:var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;transition:border-color .15s,background .15s;display:flex}.drop h2{margin-bottom:4px}.drop p{margin:0;font-size:.9rem}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop-actions{flex-wrap:wrap;gap:8px;display:flex}.drop .error{color:#ff6b6b;flex-basis:100%;font-size:.9rem}#workspace{flex-direction:column;gap:16px;display:flex}.summary-head{margin-bottom:14px}.tool h2.file-name{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1rem}.stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px 18px;display:grid}.stat .value{font-family:var(--lcd);color:var(--accent-ink);text-shadow:0 0 10px var(--accent-glow);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}.stat .sub{color:var(--text-3);margin-top:2px;font-size:.75rem;display:block}.instruments{margin:16px 0 0;font-size:.85rem}.warnings{margin:0;padding:0;font-size:.88rem;list-style:none}.warnings li{border-top:1px solid var(--border);color:var(--text-2);padding:6px 0 6px 20px;position:relative}.warnings li:before{content:"";background:#ffb020;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;left:2px;box-shadow:0 0 6px #ffb02099}.warnings li.ok:before{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb, var(--ok) 60%, transparent)}.roll-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}#roll{width:100%;display:block}.legend{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.legend .chip{border:1px solid var(--border);height:28px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:7px;padding:0 10px;font-size:.8rem;display:inline-flex}.legend .chip:hover{color:var(--text);border-color:var(--border-strong)}.legend .chip i{border-radius:2px;width:8px;height:8px}.tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:36px;color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:.85rem;display:inline-flex}.tab i{border-radius:2px;flex:none;width:8px;height:8px}.tab small{font-family:var(--mono);color:var(--text-3);font-size:.7rem}.tab:hover{color:var(--text);border-color:var(--border-strong)}.tab[aria-selected=true]{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:inset 0 -2px 0 var(--accent)}.split{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:16px;display:grid}@media (width<=900px){.split{grid-template-columns:minmax(0,1fr)}}.hex-panel,.events-panel,.summary{min-width:0}.key{font-family:var(--mono);flex-wrap:wrap;gap:4px 10px;font-size:.68rem;display:flex}.key span{color:var(--text-3);align-items:center;gap:5px;display:inline-flex}.key span:before{content:"";background:var(--role);border-radius:2px;width:8px;height:8px}.hex{max-height:460px;font-family:var(--mono);border-top:1px solid var(--border);padding-top:6px;font-size:.8rem;line-height:1.7;overflow:auto}.hrow{white-space:pre;gap:14px;width:max-content;display:flex}.hrow .off{color:var(--text-3);opacity:.7;user-select:none}.hrow .hx{grid-template-columns:repeat(16,2.4ch);display:inline-grid}.hrow .hx .b:nth-child(8){margin-right:.6ch}.hrow .tx{color:var(--text-3);grid-template-columns:repeat(16,1.1ch);display:inline-grid}.hex .b{color:var(--role,var(--text-3));text-align:center;cursor:default;border-radius:3px}.hex .tx .b{color:color-mix(in srgb, var(--role,var(--text-3)) 70%, var(--text-3))}.hex .r-data{--role:color-mix(in srgb, var(--text) 85%, transparent)}.hex .b.hl{background:color-mix(in srgb, var(--text) 10%, transparent)}.hex .b.pin{background:color-mix(in srgb, var(--accent) 22%, transparent)}.hex .b.part{background:color-mix(in srgb, var(--role) 30%, transparent);color:var(--text)}.hex .r-junk{text-decoration:underline wavy #ff4d4d}.detail-panel{position:sticky;top:76px}@media (width<=900px){.detail-panel{position:static}}.detail .hint{color:var(--text-3);margin:0;font-size:.9rem}.detail .silk{margin:0 0 6px}.detail h3{margin:0 0 4px;font-size:1.1rem}.detail .when{color:var(--text-3);margin:0 0 10px;font-size:.75rem}.parts{margin:0;padding:0;list-style:none}.parts li{border-top:1px solid var(--border);color:var(--text-2);grid-template-columns:minmax(0,92px) 1fr;gap:12px;padding:7px 0;font-size:.86rem;display:grid}.parts li.cur{color:var(--text)}.parts li.cur code{box-shadow:inset 2px 0 0 var(--role);padding-left:6px}.parts code{color:var(--role);overflow-wrap:anywhere;font-size:.78rem}.parts .r-data{--role:var(--text)}.events-wrap{border-top:1px solid var(--border);max-height:440px;position:relative;overflow:auto}.events{border-collapse:collapse;width:100%;font-size:.8rem}.events th{background:var(--surface);text-align:left;font-family:var(--mono);color:var(--text-3);border-bottom:1px solid var(--border);z-index:1;padding:8px 12px 6px 0;font-size:.7rem;font-weight:400;position:sticky;top:0}.events td{border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 12px 4px 0}.events td:nth-child(-n+4),.events td:nth-child(6){font-family:var(--mono);color:var(--text-3)}.events td:nth-child(7){color:var(--text-2);white-space:normal;min-width:200px}.events tbody tr{cursor:pointer}.events tbody tr:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.events tr.sel{background:color-mix(in srgb, var(--accent) 14%, transparent)}.events tr.k-meta td:nth-child(5){color:#2de2e6}.events tr.k-sysex td:nth-child(5){color:#a78bfa}.events tr.k-junk td:nth-child(5){color:#ff6b6b}.events tr.noteon td:nth-child(5){color:var(--accent-ink)}.events tr.k-chunk-header td,.events tr.k-file-header td{color:#ff2e88}