.metrics{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm);overflow:hidden}.metrics__grid{background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.metrics__cell{background:var(--panel);padding:var(--space-md);min-width:0}.metrics__label{color:var(--fg-muted);letter-spacing:.01em;margin-bottom:var(--space-xs);font-size:12px}.metrics__value{letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:22px;font-weight:500;line-height:1.15;display:flex}.metrics__unit{font-family:var(--font-sans);color:var(--fg-subtle);letter-spacing:0;font-size:11.5px;font-weight:400}.metrics__cell--accent .metrics__value{color:var(--accent-ink)}.metrics__value--empty,.metrics__cell--accent .metrics__value--empty{color:var(--fg-subtle)}@media (min-width:640px){.metrics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1080px){.metrics__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics__value{font-size:20px}}
.codebook__scroll{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-sunken);max-height:340px;overflow:auto}.codebook__table{border-collapse:collapse;width:100%;min-width:380px;font-size:13px}.codebook__table th,.codebook__table td{text-align:left;padding:7px var(--space-md);border-bottom:1px solid var(--border);vertical-align:middle}.codebook__table tbody tr:last-child th,.codebook__table tbody tr:last-child td{border-bottom:0}.codebook__table thead th{z-index:1;background:var(--panel-raised);color:var(--fg-muted);letter-spacing:.02em;white-space:nowrap;font-size:11.5px;font-weight:500;position:sticky;top:0}.codebook__table tbody tr{transition:background var(--dur) var(--ease)}.codebook__table tbody tr:hover{background:var(--muted)}.codebook__num-head,.codebook__count,.codebook__length{white-space:nowrap;text-align:right!important}.codebook__symbol{width:1%;font-weight:400!important}.codebook__glyph{background:var(--muted);border:1px solid var(--border);min-width:26px;height:24px;font-family:var(--font-mono);color:var(--fg);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;display:inline-flex}.codebook__glyph--ws{color:var(--fg-muted)}.codebook__share{min-width:118px}.codebook__share-cell{align-items:center;gap:var(--space-sm);display:flex}.codebook__track{background:var(--muted);border-radius:3px;flex:1;min-width:34px;height:6px;overflow:hidden}.codebook__bar{background:var(--accent);border-radius:3px;height:100%;display:block}.codebook__share-value{color:var(--fg-muted);flex:none;font-size:12px}.codebook__code{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap}.codebook__bit{color:var(--fg-subtle)}.codebook__bit--one{color:var(--accent-ink);font-weight:700}.codebook__length{color:var(--fg-muted)}.codebook__notice{margin-top:var(--space-md)}.codebook__frame{position:relative}.codebook__frame:after{content:"";border-radius:0 0 var(--radius-control) var(--radius-control);background:linear-gradient(to bottom, var(--fade-clear), var(--fade));pointer-events:none;height:26px;position:absolute;bottom:1px;left:1px;right:1px}
.detail__head{white-space:nowrap;width:1%;font-weight:400!important}.detail__numeric{white-space:nowrap;text-align:right!important}.detail__mono{font-family:var(--font-mono);color:var(--fg);word-break:break-all}th.detail__numeric{color:var(--accent-ink)}.detail__notice{margin-top:var(--space-md)}
.stream__list{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-sunken);max-height:460px;margin:0;padding:0;list-style:none;overflow:auto}.stream__item{align-items:baseline;gap:var(--space-sm);padding:6px var(--space-md);border-bottom:1px solid var(--border);font-size:13px;display:flex}.stream__item:last-child{border-bottom:0}.stream__label{min-width:0;font-family:var(--font-mono);color:var(--fg);word-break:break-all;flex:1}.stream__code{color:var(--accent-ink);white-space:nowrap;flex:none;font-size:12.5px;font-weight:700}.stream__bits{text-align:right;width:34px;color:var(--fg-subtle);flex:none;font-size:11.5px}.stream__note{width:40%;max-width:210px;color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11.5px;overflow:hidden}.stream__empty{min-height:260px}.stream__legend{margin-top:var(--space-sm);color:var(--fg-muted);font-size:12.5px}@media (min-width:1080px){.stream__list{max-height:560px}}@media (max-width:600px){.stream__note{display:none}}
.tree-panel__controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tree-panel__stage{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-sunken);height:460px;min-height:320px;overflow:hidden}.tree-panel__empty{border:0;border-radius:0;height:100%}.tree-panel__notice{margin-top:var(--space-sm)}.tree-panel__legend{margin-top:var(--space-sm);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.tree-panel__key{min-width:20px;height:20px;font-family:var(--font-mono);border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.tree-panel__key--zero{background:var(--muted);color:var(--fg-muted)}.tree-panel__key--one{background:var(--accent-wash);color:var(--accent-ink);border:1px solid var(--accent-edge)}.tree-panel__key--one+span,.tree-panel__legend-note{color:var(--fg-subtle)}.tree-panel__legend-note{font-family:var(--font-mono);margin-left:auto;font-size:11.5px}@media (min-width:1080px){.tree-panel__stage{height:560px}}@media (max-width:600px){.tree-panel__stage{height:340px}.tree-panel__legend-note{width:100%;margin-left:0}}
.scene3d{border-radius:var(--radius-control);background:var(--bg-sunken);cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.scene3d:active{cursor:grabbing}.scene3d__canvas{width:100%;height:100%;display:block}.scene3d__canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.scene3d__hint{left:var(--space-sm);bottom:var(--space-sm);background:var(--overlay);border:1px solid var(--border);color:var(--fg-subtle);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:11.5px;position:absolute}.scene3d__hint-short{display:none}@media (max-width:600px){.scene3d__hint-full{display:none}.scene3d__hint-short{display:inline}}
.tree-flat{border-radius:var(--radius-control);background:var(--scene-bg);cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.tree-flat:active{cursor:grabbing}.tree-flat__canvas{width:100%;height:100%;display:block}.tree-flat__edge{stroke:var(--scene-edge);stroke-width:1.5px}.tree-flat__edge--one{stroke:var(--accent-dim);stroke-width:2px}.tree-flat__bit{font-family:var(--font-mono);fill:var(--fg-muted);text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:700}.tree-flat__bit--one{fill:var(--bit-one-ink)}.tree-flat__node{fill:var(--scene-node);stroke:var(--scene-edge);stroke-width:1.5px}.tree-flat__leaf{fill:var(--leaf-fill);stroke:var(--accent);stroke-width:1.75px}.tree-flat__symbol{font-family:var(--font-mono);fill:var(--leaf-ink);text-anchor:middle;font-size:13px;font-weight:600}.tree-flat__hint{left:var(--space-sm);bottom:var(--space-sm);background:var(--overlay);border:1px solid var(--border);color:var(--fg-subtle);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:11.5px;position:absolute}@media (max-width:600px){.tree-flat__hint{display:none}}
.encoded__stream{max-height:168px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-sunken);color:var(--fg-muted);word-break:break-all;font-size:12.5px;line-height:1.9;overflow:auto}.encoded__group{color:var(--fg);letter-spacing:.08em;margin-right:10px;display:inline-block}.encoded__group:nth-child(2n){color:var(--fg-muted)}.encoded__summary{margin-top:var(--space-sm);color:var(--fg-muted);font-size:12.5px}.encoded__saved{color:var(--accent-ink)}.encoded__sep{color:var(--fg-subtle);margin:0 6px}