@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #edeff4;--bg-panel: #ffffff;--bg-sunken: #f2f3f7;--bg-hover: #eef0f6;--bg-active: #e4e8f5;--text: #14161c;--text-soft: #4d5361;--text-faint: #7b8194;--border: #e2e4ec;--border-strong: #c9ccd8;--accent: #2f6fd0;--accent-soft: #e8f0fd;--accent-text: #1b4c99;--c2s: #0f766e;--c2s-soft: #dcf5f1;--s2c: #7c3aed;--s2c-soft: #efe7fd;--highlight: var(--accent);--highlight-text: #ffffff;--highlight-soft: var(--accent-soft);--error: #c02626;--error-soft: #fdeaea;--warn: #a8620a;--badge-sat: 65%;--badge-light: 34%;--mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--radius: 8px;--radius-sm: 5px;--shadow: 0 1px 2px rgb(20 22 28 / 6%), 0 4px 12px rgb(20 22 28 / 4%);--shadow-inset: inset 0 1px 2px rgb(20 22 28 / 7%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1015;--bg-panel: #16191f;--bg-sunken: #1c2027;--bg-hover: #232830;--bg-active: #2b3341;--text: #e8eaf0;--text-soft: #a9b0be;--text-faint: #7a8292;--border: #262b34;--border-strong: #39404d;--accent: #5b9bf8;--accent-soft: #17253c;--accent-text: #a9caff;--c2s: #2dd4bf;--c2s-soft: #10312e;--s2c: #a78bfa;--s2c-soft: #241a3d;--highlight: var(--accent);--highlight-text: #0b1220;--highlight-soft: var(--accent-soft);--error: #f87171;--error-soft: #341717;--warn: #e0a458;--badge-sat: 70%;--badge-light: 68%;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%);--shadow-inset: inset 0 1px 3px rgb(0 0 0 / 45%)}}:root[data-theme=dark]{--bg: #0e1015;--bg-panel: #16191f;--bg-sunken: #1c2027;--bg-hover: #232830;--bg-active: #2b3341;--text: #e8eaf0;--text-soft: #a9b0be;--text-faint: #7a8292;--border: #262b34;--border-strong: #39404d;--accent: #5b9bf8;--accent-soft: #17253c;--accent-text: #a9caff;--c2s: #2dd4bf;--c2s-soft: #10312e;--s2c: #a78bfa;--s2c-soft: #241a3d;--highlight: var(--accent);--highlight-text: #0b1220;--highlight-soft: var(--accent-soft);--error: #f87171;--error-soft: #341717;--warn: #e0a458;--badge-sat: 70%;--badge-light: 68%;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%);--shadow-inset: inset 0 1px 3px rgb(0 0 0 / 45%)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}main{display:contents}code,kbd,.mono{font-family:var(--mono);font-size:.92em}.inline-code{font-family:var(--mono);font-size:.88em;padding:.05em .3em;border-radius:3px;background:var(--bg-sunken);color:var(--accent-text);white-space:nowrap}.status-explain .inline-code{background:color-mix(in srgb,var(--text) 9%,transparent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.01em}.landing{min-height:100%}.landing-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem 1.5rem;background:var(--bg-panel);border-bottom:1px solid var(--border)}.landing-bar-left{display:flex;align-items:center;gap:.85rem;min-width:0}.landing-brand{font-family:var(--mono);font-size:.85rem;font-weight:600;letter-spacing:-.01em;color:var(--text-soft)}.landing-inner{max-width:62rem;margin:0 auto;padding:4rem 1.5rem 6rem}.landing-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:1rem}.accent{color:var(--accent)}.lede{font-size:1.1rem;color:var(--text-soft);max-width:46rem;margin:0}.lede-more{margin-top:.9rem;font-size:1rem;color:var(--text-faint)}.landing-section{margin-top:3.5rem}.landing-section>h2{font-size:1.3rem;margin-bottom:.35rem}.section-note{color:var(--text-soft);margin:0 0 1.5rem;max-width:46rem}.key-mark{background:color-mix(in srgb,var(--c2s) 28%,transparent);color:var(--text);border-radius:3px;padding:.05em .25em}.scenario-group{margin-bottom:1.75rem}.scenario-group h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.6rem}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:.75rem}.scenario-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.95rem 1.05rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,transform .12s,box-shadow .12s}.scenario-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.scenario-card:disabled{opacity:.55;cursor:default}.scenario-title{font-weight:600}.scenario-blurb{color:var(--text-soft);font-size:.9rem}.scenario-teaches{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.5rem}.scenario-teaches-item{font-family:var(--mono);font-size:.68rem;padding:.05rem .35rem;border-radius:3px;background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-soft);white-space:nowrap}.scenario-card:hover:not(:disabled) .scenario-teaches-item{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.scenario-loading{font-size:.8rem;color:var(--accent)}.steps{list-style:none;counter-reset:step;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.9rem}.steps li{counter-increment:step;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.steps li:before{content:counter(step);flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:.78rem;font-weight:700;display:grid;place-items:center}.step-label{font-weight:600;min-width:9.5rem}.step-text{color:var(--text-soft)}.steps code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .5rem;overflow-x:auto;white-space:nowrap;max-width:100%}.command-row{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}kbd{background:var(--bg-sunken);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-size:.85em}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:2.5rem 1.5rem;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);text-align:center;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone span{color:var(--text-soft)}.dropzone-note{font-size:.85rem;color:var(--text-faint);margin-top:.4rem}.saved-captures{margin-top:1.75rem}.saved-captures h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.4rem}.saved-note{color:var(--text-faint);font-size:.85rem;margin:0 0 .75rem}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.saved-row{display:flex;align-items:stretch;gap:.6rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .9rem .3rem .3rem}.saved-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.4rem .6rem;background:none;border:none;border-radius:var(--radius-sm)}.saved-open:hover{background:var(--bg-hover)}.saved-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-meta{font-size:.78rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-delete{flex:none;align-self:center;display:grid;place-items:center;width:2rem;height:2rem;background:none;border:1px solid var(--border-strong);color:var(--text-faint);border-radius:var(--radius-sm);padding:0;transition:color .12s ease-out,border-color .12s ease-out,background-color .12s ease-out}@media(prefers-reduced-motion:reduce){.saved-delete{transition:none}}.saved-delete:hover{border-color:var(--error);color:var(--error);background:var(--error-soft)}.notice-bar{position:fixed;bottom:1.25rem;right:1.25rem;max-width:22rem;display:flex;align-items:flex-start;gap:.6rem;background:var(--error-soft);border:1px solid var(--error);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem .85rem;font-size:.85rem;color:var(--text);z-index:30}.notice-bar button{flex:none;background:none;border:none;color:var(--text-faint);font-size:.95rem;line-height:1;padding:0}.notice-bar button:hover{color:var(--text)}.explorer{display:flex;flex-direction:column;height:100%;min-height:0}.explorer-header{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.explorer-title{min-width:0;flex:1}.explorer-title h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-meta{color:var(--text-faint);font-size:.82rem}.ghost-button{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--border-strong);color:var(--text-soft);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.85rem;white-space:nowrap}.ghost-button:hover{background:var(--bg-hover);color:var(--text)}.ghost-button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.session-select{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.session-chip{--chip: hsl(var(--chip-hue) var(--badge-sat) var(--badge-light));display:inline-flex;align-items:stretch;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;white-space:nowrap}.session-chip.shown{border-color:var(--chip);background:var(--bg-panel)}.session-chip-swatch{flex:none;display:flex;align-items:center;justify-content:center;width:1.5rem;background:none;border:none;border-right:1px solid var(--border);padding:0}.session-chip-swatch:before{content:"";width:.6rem;height:.6rem;border-radius:2px;border:1.5px solid var(--chip);background:none;transition:background .12s}.session-chip.shown .session-chip-swatch{border-right-color:var(--chip)}.session-chip.shown .session-chip-swatch:before{background:var(--chip)}.session-chip-swatch:hover:not(:disabled):before{box-shadow:0 0 0 2px color-mix(in srgb,var(--chip) 30%,transparent)}.session-chip-swatch:disabled{cursor:default;opacity:.5}.session-chip-body{display:flex;align-items:baseline;gap:.4rem;background:none;border:none;padding:.35rem .7rem;text-align:left}.session-chip-body:hover{background:var(--bg-hover)}.session-chip-id{font-weight:600;font-size:.85rem}.session-chip-meta{font-size:.75rem;color:var(--text-faint)}.controls{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;flex:none}.transport{display:flex;gap:.2rem}.transport-button{width:2rem;height:2rem;display:grid;place-items:center;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);font-size:.8rem}.transport-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.transport-button:disabled{opacity:.4;cursor:default}.scrubber{display:flex;align-items:center;gap:.6rem;flex:1;min-width:12rem}.scrub-track{position:relative;flex:1;height:1.25rem;cursor:pointer;touch-action:none}.scrub-track:before{content:"";position:absolute;inset:50% 0 auto;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--bg-active)}.scrub-fill{position:absolute;top:50%;left:0;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--accent);opacity:.45;transition:width .13s ease-out}.scrub-band{position:absolute;top:50%;height:9px;transform:translateY(-50%);border-radius:2px;background:var(--c2s);opacity:.8}.scrub-thumb{position:absolute;top:50%;width:.85rem;height:.85rem;margin-left:-.425rem;transform:translateY(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-panel);transition:left .13s ease-out}.scrub-track.dragging .scrub-fill,.scrub-track.dragging .scrub-thumb{transition:none}@media(prefers-reduced-motion:reduce){.scrub-fill,.scrub-thumb{transition:none}}.scrub-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.scrubber-label{font-size:.8rem;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.explorer-body{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(26rem,1.6fr);gap:1px;background:var(--border);flex:1;min-height:0}.panel{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;min-width:0}.panel.empty{padding:2rem;color:var(--text-faint);align-items:center;justify-content:center;text-align:center;gap:.3rem}.panel.empty strong{color:var(--text-soft);font-weight:600}.panel.empty span{font-size:.85rem;max-width:22rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);flex:none}.panel-head h2{font-size:.9rem;display:flex;align-items:center;gap:.4rem;min-width:0}.panel-note{font-size:.75rem;color:var(--text-faint)}@media(max-width:1100px){.explorer-body{grid-template-columns:1fr;overflow-y:auto}.packet-list-panel{height:45vh}.detail-panel{height:75vh}}@media(max-width:700px){.explorer-header{flex-wrap:wrap;gap:.5rem .75rem}.explorer-title{order:3;flex-basis:100%}.controls{gap:.5rem .75rem}.scrubber{flex-basis:100%;order:5}.drawer{width:100%;border-left:none}.state-bar,.controls,.explorer-header{padding-left:.75rem;padding-right:.75rem}.landing-bar{padding:.6rem 1rem}.landing-inner{padding:2.5rem 1rem 4rem}.steps li{align-items:flex-start}.step-label{min-width:0}}.lane-legend{display:flex;gap:.6rem;font-size:.72rem}.lane-legend-item.c2s{color:var(--c2s)}.lane-legend-item.s2c{color:var(--s2c)}.packet-list{padding:0 .4rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;position:relative;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.packet-list{scroll-behavior:auto}}.packet-list-sizer{list-style:none;margin:0;padding:0;position:relative}.packet-list-row{position:absolute;left:0;width:100%}.time-gap{font-size:.68rem;color:var(--text-faint);text-align:center;margin:.3rem 0;position:relative}.time-gap:before,.time-gap:after{content:"";position:absolute;top:50%;width:calc(50% - 3.2rem);border-top:1px dashed var(--border-strong)}.time-gap:before{left:0}.time-gap:after{right:0}.packet-row{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;padding:.35rem .5rem;background:transparent;border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--radius-sm);color:inherit;transition:background-color .12s ease-out,border-color .12s ease-out,opacity .12s ease-out}@media(prefers-reduced-motion:reduce){.packet-row{transition:none}}.packet-row.c2s{border-left-color:var(--c2s)}.packet-row.s2c{border-left-color:var(--s2c)}.packet-row.key-message{background:color-mix(in srgb,var(--c2s) 15%,transparent)}.packet-row.key-message .packet-type{font-weight:700}.packet-row:not(.key-message):not(.selected){opacity:.72}.packet-row:not(.key-message):hover{opacity:1}.packet-row:hover{background:var(--bg-hover)}.packet-row.selected{background:var(--bg-active);border-color:var(--border-strong);outline:1px solid var(--border-strong);outline-offset:-1px}.packet-row.key-message.selected{background:color-mix(in srgb,var(--c2s) 22%,var(--bg-active))}.packet-row.c2s.selected{border-left-color:var(--c2s)}.packet-row.s2c.selected{border-left-color:var(--s2c)}.packet-row.key-message:hover{background:color-mix(in srgb,var(--c2s) 15%,var(--bg-hover))}.packet-row.key-message.selected:hover{background:color-mix(in srgb,var(--c2s) 22%,var(--bg-active))}.packet-dir{flex:none;width:1rem;text-align:center;font-size:.8rem}.packet-row.c2s .packet-dir{color:var(--c2s)}.packet-row.s2c .packet-dir{color:var(--s2c)}.packet-index{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:1.6rem;padding-top:.1rem}.session-badge{flex:none;font-family:var(--mono);font-size:.65rem;font-weight:600;line-height:1.4;padding:0 .3rem;border-radius:3px;border:1px solid hsl(var(--badge-hue) var(--badge-sat) var(--badge-light));color:hsl(var(--badge-hue) var(--badge-sat) var(--badge-light))}.packet-row .session-badge{margin-top:.125rem}.packet-body{flex:1;min-width:0;overflow:hidden}.packet-name{display:block;font-weight:560;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packet-type{margin-right:.35rem}.packet-category{display:block;font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packet-length{flex:none;width:3.4rem;text-align:right;font-family:var(--mono);font-size:.68rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.type-char{background:var(--bg-sunken);border:1px solid var(--border);border-radius:3px;padding:0 .25rem;font-size:.72rem;color:var(--text-soft)}.badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.05rem .3rem;border-radius:3px}.state-scroll{overflow-y:auto;flex:1;min-height:0;padding:.9rem}.category-chip{font-size:.72rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-sunken);color:var(--text-soft);border:1px solid var(--border);white-space:nowrap}.category-chip.cat-error{border-color:var(--error);color:var(--error)}.doc-block{flex:0 0 auto;padding:.9rem}.doc-summary{margin:0 0 .6rem;font-size:1rem;line-height:1.45}.doc-detail{margin:0;color:var(--text-soft);line-height:1.6}.spec-link{display:inline-flex;align-items:center;gap:.3em;margin-left:.5em;padding:.2em .5em;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-soft);font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.01em;text-decoration:none;white-space:nowrap;vertical-align:middle}.spec-link:hover,.spec-link:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.doc-facts{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0 auto 0 .35rem;min-width:0}.doc-facts>div{display:flex;align-items:baseline;gap:.3rem;min-width:0}.doc-facts dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);white-space:nowrap}.doc-facts dd{margin:0;font-size:.78rem;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-soft);white-space:nowrap}.detail-panel .panel-head{flex-wrap:wrap;row-gap:.35rem}.fields-block{flex:1.2 1 0;display:flex;flex-direction:column;min-height:0;padding:.9rem;border-top:1px solid var(--border)}.hex-block{flex:0 1 auto;max-height:40%;display:flex;flex-direction:column;min-height:0;padding:.9rem;border-top:1px solid var(--border)}.fields-block h3,.hex-block h3{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.hint{text-transform:none;letter-spacing:0;font-weight:400;color:var(--text-faint);font-size:.72rem}.field-tree{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto}.field-row{display:flex;align-items:baseline;gap:.4rem;padding:.15rem .4rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:background-color 90ms ease-out,border-color 90ms ease-out}@media(prefers-reduced-motion:reduce){.field-row{transition:none}}.field-row:hover{background:var(--bg-hover)}.field-row.active{background:var(--highlight-soft);border-color:var(--highlight)}.field-twisty{flex:none;width:1rem;background:none;border:none;padding:0;color:var(--text-faint);font-size:.7rem;line-height:1}.field-twisty.placeholder{cursor:default}.field-name{font-size:.82rem;white-space:nowrap}.field-value{font-family:var(--mono);font-size:.78rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text)}.field-value.number{color:var(--c2s)}.empty-string{color:var(--text-faint);font-style:italic}.field-bytes{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.empty-note{color:var(--text-faint);font-style:italic}.hex-dump{font-family:var(--mono);font-size:.78rem;line-height:1.55;padding:0 .6rem;flex:1 1 auto;min-height:calc(80px + 1rem);overflow-x:auto;overflow-y:auto;position:relative}.hex-dump-frame{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-inset)}.hex-ruler-clip{flex:none;overflow:hidden;padding:.4rem .6rem .25rem;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.78rem;line-height:1.55;color:var(--text-faint)}.hex-ruler{display:flex;gap:.9rem;white-space:nowrap}.hex-ruler .hex-byte,.hex-ruler .hex-byte:hover{background:none;color:var(--text-faint);font-weight:600;cursor:default}.hex-dump-sizer{position:relative}.hex-row{position:absolute;left:0;height:20px;display:flex;align-items:center;gap:.9rem;white-space:nowrap}.hex-offset{color:var(--text-faint);flex:none}.hex-bytes,.hex-ascii{display:flex;flex:none;align-self:stretch}.hex-byte,.ascii-char{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--text-soft);border-radius:2px;height:100%;display:inline-flex;align-items:center;justify-content:center;transition:background-color 90ms ease-out,color 90ms ease-out}@media(prefers-reduced-motion:reduce){.hex-byte,.ascii-char{transition:none}}.hex-byte{width:2.6ch;text-align:center}.hex-byte:nth-child(8n+1):not(:first-child){width:3.15ch;padding-left:.55ch}.ascii-char{width:1.35ch;text-align:center}.hex-byte:hover,.ascii-char:hover{background:var(--bg-active);color:var(--text)}.hex-byte.highlighted,.ascii-char.highlighted{background:var(--highlight);color:var(--highlight-text);font-weight:700;border-radius:0}.hex-byte.highlighted.run-start,.ascii-char.highlighted.run-start{border-top-left-radius:2px;border-bottom-left-radius:2px}.hex-byte.highlighted.run-end,.ascii-char.highlighted.run-end{border-top-right-radius:2px;border-bottom-right-radius:2px}.hex-byte.highlighted.run-solo,.ascii-char.highlighted.run-solo{border-radius:2px}.hex-byte.pad,.ascii-char.pad{cursor:default}.state-bar{display:flex;align-items:center;gap:.6rem;padding:.35rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-sunken);flex:none;overflow-x:auto}.pills{display:flex;gap:.35rem;list-style:none;margin:0;padding:0;flex:1;min-width:0}.pill{display:inline-flex;align-items:stretch;gap:0;border:1px solid var(--border-strong);border-radius:99px;overflow:hidden;font-size:.72rem;white-space:nowrap;background:var(--bg-panel)}.pill-label{display:flex;align-items:center;padding:.1rem .5rem .1rem .6rem;background:var(--bg-hover);color:var(--text-faint);font-size:.63rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border)}.pill-value{display:flex;align-items:center;padding:.1rem .6rem .1rem .5rem;font-family:var(--mono);font-size:.72rem;color:var(--text)}.pill.tone-ok{border-color:var(--c2s)}.pill.tone-ok .pill-label{background:var(--c2s-soft);color:var(--c2s);border-right-color:var(--c2s)}.pill.tone-ok .pill-value{color:var(--c2s)}.pill.tone-busy{border-color:var(--accent)}.pill.tone-busy .pill-label{background:var(--accent-soft);color:var(--accent-text);border-right-color:var(--accent)}.pill.tone-busy .pill-value{color:var(--accent)}.pill.tone-error{border-color:var(--error)}.pill.tone-error .pill-label{background:var(--error-soft);color:var(--error);border-right-color:var(--error)}.pill.tone-error .pill-value{color:var(--error);font-weight:600}.pill.tone-muted .pill-value{color:var(--text-faint)}.state-bar-more{flex:none;margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.15rem .45rem}.state-bar-more kbd{font-size:.65rem;padding:0 .2rem;border-bottom-width:1px}.drawer-backdrop{position:fixed;inset:0;background:#00000059;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(30rem,100vw);height:100%;background:var(--bg-panel);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0000002e;display:flex;flex-direction:column;animation:drawer-in .14s ease-out}@keyframes drawer-in{0%{transform:translate(1.5rem);opacity:.6}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);flex:none}.drawer-head h2{font-size:.95rem}.drawer-title{display:flex;align-items:center;gap:.4rem}.drawer-sub{font-size:.72rem;color:var(--text-faint)}.drawer-scroll{overflow-y:auto;flex:1;min-height:0;padding:.75rem 1rem 2rem}.status-list{display:flex;flex-direction:column;gap:.6rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--border)}.status-item .pill{font-size:.78rem}.status-item .pill-label,.status-item .pill-value{padding-top:.12rem;padding-bottom:.12rem}.status-explain{margin:.3rem 0 0;font-size:.76rem;color:var(--text-soft);line-height:1.5}.group{margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.group:last-child{border-bottom:none;margin-bottom:0}.group-title{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.35rem}.rows{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:.85rem;row-gap:.1rem;align-items:baseline}.row{display:contents}.rows>:not(.row){grid-column:1 / -1}.row-label{font-size:.73rem;color:var(--text-faint)}.row-value{font-size:.78rem;overflow-wrap:anywhere}.drawer-note{margin:.35rem 0 0;font-size:.72rem;color:var(--text-faint);line-height:1.45}.theme-toggle{min-width:2rem;text-align:center}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.landing-links{display:flex;align-items:stretch;gap:.5rem;flex-wrap:wrap}.landing-links a{text-decoration:none}@media(max-width:600px){.ghost-button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-links .ghost-button,.landing-bar-left .ghost-button,.explorer-header .ghost-button{padding:.3rem;min-width:2rem;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.landing-index-link{display:flex;align-items:center;gap:.85rem;width:100%;margin:2.2rem 0 0;padding:.85rem 1rem;text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transition:border-color .12s ease-out,background-color .12s ease-out}.landing-index-link:hover{border-color:var(--accent);background:var(--accent-soft)}.landing-index-icon{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--accent-text)}.landing-index-link:hover .landing-index-icon{background:var(--bg-panel)}.landing-index-text{display:grid;gap:.15rem;min-width:0}.landing-index-title{font-size:.95rem;font-weight:620;color:var(--text)}.landing-index-arrow{color:var(--accent-text)}.landing-index-sub{font-size:.84rem;color:var(--text-soft)}.text-link{padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.text-link:hover{color:var(--accent-text)}.mi-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.6rem .75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.mi-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;flex:1 1 auto;min-width:0}.mi-filter{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-faint)}.mi-filter select{padding:.3rem .4rem;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem}.mi-dir-buttons{display:flex;gap:.25rem}.mi-dir{padding:.25rem .5rem;font-size:.8rem;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-soft)}.mi-dir:hover{border-color:var(--accent)}.mi-dir.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.mi-count{flex:none;font-family:var(--mono);font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap}.mi-empty{color:var(--text-soft)}.mi-phase{margin-bottom:2rem}.mi-phase h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.35rem}.mi-table-wrap{overflow-x:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.mi-table{width:100%;border-collapse:collapse;font-size:.88rem}.mi-table th{text-align:left;font-size:.66rem;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:.5rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}.mi-table td{padding:.55rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}.mi-table tr:last-child td{border-bottom:0}.mi-table tbody tr:hover{background:var(--bg-hover)}.mi-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;font-family:var(--mono);font-size:.85rem;font-weight:560}.mi-name a{color:var(--text);text-decoration:none;border-bottom:1px dotted var(--border-strong)}.mi-name a:hover{color:var(--accent-text);border-bottom-color:var(--accent)}.mi-summary{display:block;margin-top:.15rem;max-width:38rem;font-size:.85rem;color:var(--text-soft);line-height:1.45}.mi-star{margin-left:.3rem;font-family:var(--sans);font-size:.95rem;font-weight:700;line-height:1;color:var(--warn);text-decoration:none}.mi-star:hover{text-decoration:underline}.mi-footnote{margin:0;max-width:46rem;font-size:.85rem;color:var(--text-soft);line-height:1.55}.mi-dir-tag{font-family:var(--mono);font-size:.75rem;font-weight:600;white-space:nowrap}.mi-dir-tag.dir-F{color:var(--c2s)}.mi-dir-tag.dir-B{color:var(--s2c)}.mi-dir-tag.dir-FB{color:var(--text-soft)}.mi-code,.mi-versions{font-family:var(--mono);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-soft);white-space:nowrap}.mi-versions.partial{color:var(--warn)}.mi-untagged{font-size:.76rem;color:var(--text-faint);white-space:nowrap}