:root{--color-bg-primary:#0f0f23;--color-bg-secondary:#1a1a2e;--color-bg-tertiary:#252542;--color-accent:#00d4ff;--color-accent-glow:#00d4ff4d;--color-success:#0f8;--color-error:#ff4757;--color-text:#e8e8f0;--color-text-muted:#9090a8;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-glow:0 0 30px var(--color-accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text);min-height:100vh;line-height:1.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}#app{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}code,pre{font-family:var(--font-mono)}.btn{border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent), #09c);color:var(--color-bg-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:0 0 40px var(--color-accent-glow), 0 8px 20px #0000004d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;min-width:0;padding:24px}.code-block{background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid #ffffff0f;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}.code-block pre{white-space:pre-wrap;word-break:break-word;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.loading{animation:1.5s infinite pulse}.status-success{color:var(--color-success)}.status-error{color:var(--color-error)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.vuehex-root{box-sizing:border-box;gap:.75rem;width:100%;height:100%;display:flex}.vuehex-root--expand-to-content{height:auto}.vuehex-root--horizontal{flex-direction:row;align-items:stretch}.vuehex-root--vertical{flex-direction:column}.vuehex-viewer{flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.vuehex-search{--vuehex-search-background:var(--vuehex-ui-background,var(--vuehex-background));--vuehex-search-foreground:var(--vuehex-ui-foreground,var(--vuehex-foreground));--vuehex-search-border:var(--vuehex-ui-border-color,var(--vuehex-border-color));--vuehex-search-focus:var(--vuehex-ui-focus-ring-color,#60a5fae6);z-index:5;border:1px solid var(--vuehex-search-border);background:var(--vuehex-search-background);max-width:calc(100% - 1rem);color:var(--vuehex-search-foreground);box-shadow:var(--vuehex-ui-shadow,0 8px 20px #0f172a3d);border-radius:.35rem;gap:.35rem;padding:.4rem;font-family:system-ui,sans-serif;font-size:.78rem;display:grid;position:absolute;top:.5rem;right:.5rem}.vuehex-search--expanded{max-width:none;left:.5rem;right:.5rem}.vuehex-search__find,.vuehex-search__replace,.vuehex-search__mode{align-items:center;gap:.25rem;display:flex}.vuehex-search__input{border:1px solid var(--vuehex-search-border);min-width:12rem;max-width:18rem;color:inherit;font-variant-ligatures:none;font-variant-numeric:tabular-nums;background:0 0;border-radius:.2rem;padding:.3rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,DejaVu Sans Mono,Ubuntu Mono,Courier New,monospace}.vuehex-search__input:focus-visible,.vuehex-search button:focus-visible{outline:2px solid var(--vuehex-search-focus);outline-offset:1px}.vuehex-search button{border:1px solid var(--vuehex-search-border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.2rem;padding:.28rem .45rem}.vuehex-search button:disabled{opacity:.55;cursor:not-allowed}.vuehex-search__icon-button{min-width:1.8rem;padding-left:.25rem;padding-right:.25rem;font-weight:600}.vuehex-search__mode-button--active{border-color:var(--vuehex-search-focus);background:color-mix(in srgb, var(--vuehex-search-focus) 22%, transparent);box-shadow:inset 0 0 0 1px var(--vuehex-search-focus);font-weight:700}.vuehex-search--expanded .vuehex-search__input{flex:12rem;max-width:none}.vuehex-search__results{text-align:center;white-space:nowrap;opacity:.82;min-width:3.8rem}.vuehex-search__message{max-width:28rem;margin:0;font-size:.72rem}.vuehex-search__message--error{color:#ef4444}.vuehex-search__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vuehex-search-hit{background:var(--vuehex-search-hit-background,#facc1559);box-shadow:inset 0 -1px 0 var(--vuehex-search-hit-border,#facc15f2)}.vuehex-search-hit--active{background:var(--vuehex-search-active-hit-background,#60a5fa80);box-shadow:inset 0 0 0 1px var(--vuehex-search-active-hit-border,#93c5fd)}@media (width<=540px){.vuehex-search{left:.5rem;right:.5rem}.vuehex-search__find,.vuehex-search__replace{flex-wrap:wrap}.vuehex-search__input{flex:10rem;min-width:0;max-width:none}}.vuehex-viewer--with-statusbar{flex-direction:column}.vuehex{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.4;--vuehex-row-divider:#94a3b833;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b873;--vuehex-ascii-column-border:#94a3b833;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;font-variant-ligatures:none;font-variant-numeric:tabular-nums;text-rendering:optimizespeed;background:var(--vuehex-background);color:var(--vuehex-foreground);border:1px solid var(--vuehex-border-color);box-sizing:border-box;-webkit-user-select:none;user-select:none;scrollbar-color:var(--vuehex-scrollbar-thumb) var(--vuehex-scrollbar-track);scrollbar-width:thin;padding:0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,DejaVu Sans Mono,Ubuntu Mono,Courier New,monospace;position:relative;overflow:auto}.vuehex-viewer>.vuehex{flex:auto;height:auto;min-height:0}.vuehex-statusbar{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.vuehex-statusbar__section{flex:1 1 0;align-items:center;gap:.75rem;min-width:0;display:flex}.vuehex-statusbar__section--left{justify-content:flex-start}.vuehex-statusbar__section--middle{justify-content:center}.vuehex-statusbar__section--right{justify-content:flex-end}.vuehex-statusbar__item{white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.vuehex-statusbar__label{opacity:.75}.vuehex-statusbar__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;display:inline-block;overflow:hidden}.vuehex-statusbar__item--selection{margin-left:auto}.vuehex-statusbar--top{border-bottom:none}.vuehex-viewer--statusbar-top>.vuehex,.vuehex-statusbar--bottom{border-top:none}.vuehex-viewer--statusbar-bottom>.vuehex{border-bottom:none}.vuehex-viewer--with-nav.vuehex-viewer--nav-left,.vuehex-viewer--with-nav.vuehex-viewer--nav-right{flex:auto}.vuehex-chunk-nav{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));box-shadow:var(--vuehex-ui-shadow,0 12px 24px #0f172a1f);flex:none;gap:.5rem;padding:.6rem;display:flex}.vuehex-chunk-nav--right,.vuehex-chunk-nav--left{flex-direction:column;align-items:stretch;min-width:220px;max-width:280px}.vuehex-chunk-nav--right{order:1}.vuehex-chunk-nav--left{order:-1}.vuehex-chunk-nav--top,.vuehex-chunk-nav--bottom{flex-direction:row;align-items:center;width:100%}.vuehex-chunk-nav--top{order:-1}.vuehex-chunk-nav--bottom{order:1}.vuehex-chunk-nav__header{flex-direction:column;gap:.25rem;display:flex}.vuehex-chunk-nav__title{font-size:.9rem;font-weight:600}.vuehex-chunk-nav__summary{opacity:.75;font-size:.75rem}.vuehex-chunk-list{flex-direction:column;flex:auto;gap:.25rem;min-height:0;display:flex;overflow-y:auto}.vuehex-chunk-nav--top .vuehex-chunk-list,.vuehex-chunk-nav--bottom .vuehex-chunk-list{flex-direction:row;overflow:auto visible}.vuehex-chunk-item{border:1px solid var(--vuehex-ui-button-border-color,#94a3b826);background:var(--vuehex-ui-button-background,#94a3b814);color:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.45rem .65rem;transition:border-color .15s,background-color .15s;display:flex}.vuehex-chunk-item:hover{border-color:var(--vuehex-ui-button-border-color-hover,#94a3b866);background:var(--vuehex-ui-button-background-hover,#94a3b81f)}.vuehex-chunk-item:focus-visible{outline:2px solid var(--vuehex-ui-focus-ring-color,#60a5facc);outline-offset:2px}.vuehex-chunk-item--active{border-color:var(--vuehex-ui-button-border-color-active,#60a5facc);background:var(--vuehex-ui-button-background-active,#60a5fa38)}.vuehex-chunk-item__label{font-size:.8rem;font-weight:600}.vuehex-chunk-item__range{opacity:.8;font-size:.75rem}.vuehex::-webkit-scrollbar{width:12px;height:12px}.vuehex::-webkit-scrollbar-track{background:var(--vuehex-scrollbar-track)}.vuehex::-webkit-scrollbar-thumb{background:var(--vuehex-scrollbar-thumb);border:2px solid var(--vuehex-background);border-radius:6px}.vuehex::-webkit-scrollbar-thumb:hover{background:var(--vuehex-scrollbar-thumb-hover)}.vuehex::-webkit-scrollbar-corner{background:var(--vuehex-scrollbar-track)}.vuehex.vuehex--expand-to-content{height:auto;overflow:visible}.vuehex-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:max-content}.vuehex-inner{width:100%;min-height:100%;position:relative}.vuehex-table tbody tr{border-bottom:1px solid var(--vuehex-row-divider)}.vuehex-table tbody tr:last-child{border-bottom:none}.vuehex-offset{text-align:left;color:var(--vuehex-offset-color);white-space:nowrap;width:150px;padding:.25rem .75rem .25rem 0;font-weight:600}.vuehex-offset-leading{opacity:var(--vuehex-offset-leading-opacity)}.vuehex-bytes,.vuehex-ascii{white-space:nowrap}.vuehex-bytes{padding-right:var(--vuehex-bytes-column-padding-right);width:auto}.vuehex-byte,.vuehex-ascii-char{text-align:center;display:inline-block}.vuehex-byte{min-width:2ch;color:var(--vuehex-byte-color);margin:0 .25ch}.vuehex-byte.vuehex-selected,.vuehex-ascii-char.vuehex-selected{outline-offset:-1px;background:#3b82f64d;outline:1px solid #3b82f6a6}.vuehex-byte.vuehex-cursor,.vuehex-ascii-char.vuehex-cursor{outline-offset:-2px;outline:2px solid #3b82f6d9}.vuehex.vuehex-editor.vuehex-editor--active-hex .vuehex-bytes,.vuehex.vuehex-editor.vuehex-editor--active-ascii .vuehex-ascii{background:#3b82f60d}.vuehex.vuehex-editor .vuehex-cursor.vuehex-cursor--active-column{background:#3b82f638}.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-byte.vuehex-cursor,.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-ascii-char.vuehex-cursor,.vuehex-ascii-char.vuehex-selected--ascii{outline-style:dashed}.vuehex-ascii-char{min-width:1ch;margin:0}.vuehex-byte--column-start{margin-left:calc(var(--vuehex-mid-column-gutter) + .25ch)}.vuehex-ascii-char--column-start{margin-left:0}.vuehex-ascii{padding-left:var(--vuehex-ascii-column-padding-left);border-left:1px solid var(--vuehex-ascii-column-border);color:var(--vuehex-ascii-color)}.vuehex-ascii-char{color:var(--vuehex-ascii-color)}.vuehex-ascii-char--non-printable{color:var(--vuehex-ascii-non-printable-color)}.vuehex-byte.vuehex-category-digit,.vuehex-ascii-char.vuehex-category-digit{color:#facc15}.vuehex-byte.vuehex-category-uppercase,.vuehex-ascii-char.vuehex-category-uppercase{color:#38bdf8}.vuehex-byte.vuehex-category-lowercase,.vuehex-ascii-char.vuehex-category-lowercase{color:#c084fc}.vuehex-byte.vuehex-category-null,.vuehex-ascii-char.vuehex-category-null{opacity:.55}.vuehex-byte.vuehex-category-erased,.vuehex-ascii-char.vuehex-category-erased{color:#fb923c}.vuehex-byte.vuehex-category-control,.vuehex-ascii-char.vuehex-category-control{color:#2dd4bf}.vuehex-byte.vuehex-category-highbit,.vuehex-ascii-char.vuehex-category-highbit{color:#f87171}.vuehex-byte.vuehex-linked-hover,.vuehex-ascii-char.vuehex-linked-hover{color:var(--vuehex-byte-color);cursor:pointer;background:#60a5fa40;outline:1px solid #fff}.vuehex-byte--placeholder,.vuehex-ascii-char--placeholder{visibility:hidden}.vuehex-byte--ghost,.vuehex-ascii-char--ghost{opacity:.45;color:var(--vuehex-offset-color)}.vuehex.vuehex-editor .vuehex-byte--ghost.vuehex-cursor,.vuehex.vuehex-editor .vuehex-ascii-char--ghost.vuehex-cursor{opacity:1;color:var(--vuehex-byte-color);outline:1px dashed var(--vuehex-ui-focus-ring-color);outline-offset:1px}.vuehex-theme-dark{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}.vuehex-theme-light{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-light [class~=vuehex-ascii-char--non-printable]{color:#64748b59}.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}@media (prefers-color-scheme:light){.vuehex-theme-auto{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-auto [class~=vuehex-ascii-char--non-printable]{color:#64748b59}}@media (prefers-color-scheme:dark){.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch}}.vuehex-theme-terminal{--vuehex-background:#050505;--vuehex-foreground:#7fff7f;--vuehex-border-color:#50ff7840;--vuehex-offset-color:#8fff8fa6;--vuehex-offset-leading-opacity:.55;--vuehex-scrollbar-track:#00000080;--vuehex-scrollbar-thumb:#7fff7f59;--vuehex-scrollbar-thumb-hover:#7fff7f8c;--vuehex-row-divider:#50ff7826;--vuehex-byte-color:#7fff7f;--vuehex-ascii-color:#b8ff8a;--vuehex-ascii-non-printable-color:#7fff7f59;--vuehex-ascii-column-border:#7fff7f40;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #00000073;--vuehex-ui-button-border-color:#7fff7f40;--vuehex-ui-button-border-color-hover:#7fff7f73;--vuehex-ui-button-border-color-active:#7fff7fbf;--vuehex-ui-button-background:#7fff7f14;--vuehex-ui-button-background-hover:#7fff7f1f;--vuehex-ui-button-background-active:#7fff7f2e;--vuehex-ui-focus-ring-color:#7fff7fb3}.vuehex-theme-sunset{--vuehex-background:radial-gradient(circle at top, #451952, #1f1728);--vuehex-foreground:#fee2e2;--vuehex-border-color:#f8717159;--vuehex-offset-color:#f87171bf;--vuehex-offset-leading-opacity:.5;--vuehex-scrollbar-track:#1f172880;--vuehex-scrollbar-thumb:#f8717173;--vuehex-scrollbar-thumb-hover:#f87171a6;--vuehex-row-divider:#f871711f;--vuehex-byte-color:#fca5a5;--vuehex-ascii-color:#fcd34d;--vuehex-ascii-non-printable-color:#fbbf2466;--vuehex-ascii-column-border:#f8717140;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 14px 30px #0f172a38;--vuehex-ui-button-border-color:#f8717138;--vuehex-ui-button-border-color-hover:#f871716b;--vuehex-ui-button-border-color-active:#fbbf24a6;--vuehex-ui-button-background:#f871711a;--vuehex-ui-button-background-hover:#f8717126;--vuehex-ui-button-background-active:#fbbf242e;--vuehex-ui-focus-ring-color:#fbbf24a6}.setting-item[data-v-a3455a86]{cursor:help;border-radius:3px;align-items:center;gap:5px;min-width:0;display:inline-flex}.setting-item[data-v-a3455a86]:focus-visible{outline:2px solid var(--setting-color);outline-offset:3px}.setting-label[data-v-a3455a86]{color:#a6b1c4}.setting-value[data-v-a3455a86]{color:var(--setting-color);font-weight:650}.setting-boolean[data-v-a3455a86]{display:inline-flex}.setting-boolean svg[data-v-a3455a86]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.setting-tooltip[data-v-a3455a86]{z-index:100;border:1px solid #526580;border-top:2px solid var(--setting-color);color:#e8e8f0;overflow-wrap:anywhere;background:#182338;border-radius:7px;width:max-content;max-width:min(320px,100vw - 16px);padding:11px 13px;font-size:13px;line-height:1.5;position:fixed;box-shadow:0 8px 24px #0006}.tooltip-heading[data-v-a3455a86]{margin-bottom:4px;display:block}.layout-editor[data-v-9cf3b7ea]{border:1px solid #ffffff1f;border-radius:6px;width:100%;min-width:0;overflow:hidden}.code-dialog[data-v-d47cd90a]{background:var(--color-bg-secondary);width:min(1280px,100vw - 32px);height:min(900px,100dvh - 32px);color:var(--color-text);border:1px solid #526580;border-radius:12px;margin:auto;padding:0}.code-dialog[data-v-d47cd90a]::backdrop{background:#000a}.code-content[data-v-d47cd90a]{flex-direction:column;gap:12px;height:100%;padding:18px;display:flex}header[data-v-d47cd90a]{justify-content:space-between;align-items:center;display:flex}h2[data-v-d47cd90a],p[data-v-d47cd90a]{margin:0}.hint[data-v-d47cd90a]{color:var(--color-text-muted);font-size:12px}.code-toolbar[data-v-d47cd90a]{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}[role=tablist][data-v-d47cd90a]{gap:4px;margin-right:auto;display:flex}button[data-v-d47cd90a]{background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;border:1px solid #526580;border-radius:5px;padding:6px 12px}[aria-selected=true][data-v-d47cd90a]{border-color:var(--color-accent);color:var(--color-accent);background:#173147}.code-panel[data-v-d47cd90a]{flex:1;min-height:0}.editor-tab[data-v-d47cd90a]{height:100%}.operation-heading[data-v-2bfc8322],.dialog-heading[data-v-2bfc8322]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.operation-heading h2[data-v-2bfc8322],.dialog-heading h2[data-v-2bfc8322]{margin:0}.dialog-heading[data-v-2bfc8322]{justify-content:space-between}.operation-heading h2[data-v-2bfc8322]{margin-inline-end:auto}.icon-button[data-v-2bfc8322]{border:1px solid var(--color-text-muted);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button[data-v-2bfc8322]:hover{background:var(--color-bg-primary);border-color:var(--color-accent)}.icon-button svg[data-v-2bfc8322]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.settings-summary[data-v-2bfc8322]{border:1px solid #3c526f;border-left:3px solid var(--color-accent);width:100%;color:var(--color-text-muted);overflow-wrap:anywhere;background:linear-gradient(110deg,#172a40,#202039);border-radius:6px;flex-wrap:wrap;gap:5px 16px;margin:-8px 0 0;padding:9px 12px;font-size:12px;line-height:1.5;display:flex}.settings-dialog[data-v-2bfc8322]{border:1px solid var(--color-text-muted);background:var(--color-bg-secondary);width:min(620px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--color-text);border-radius:12px;margin:auto;padding:0;box-shadow:0 24px 80px #0008}.settings-dialog[data-v-2bfc8322]::backdrop{background:#0009}.dialog-content[data-v-2bfc8322]{gap:18px;padding:24px;display:grid}.dialog-content .field-hint[data-v-2bfc8322]{margin:0}.operation-panel[data-v-2bfc8322]{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.field[data-v-2bfc8322]{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.field label[data-v-2bfc8322],.settings-group h3[data-v-2bfc8322]{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}input[data-v-2bfc8322],select[data-v-2bfc8322],textarea[data-v-2bfc8322]{border-radius:var(--radius-sm);background:var(--color-bg-primary);width:100%;color:var(--color-text);font:inherit;border:1px solid #ffffff1f;padding:9px 11px}textarea[data-v-2bfc8322],#path[data-v-2bfc8322],#root-type[data-v-2bfc8322],#origin[data-v-2bfc8322]{font-family:var(--font-mono)}textarea[data-v-2bfc8322]{resize:vertical;line-height:1.45}.binary-input-editor[data-v-2bfc8322]{height:150px}.binary-input-editor[data-v-2bfc8322] .vuehex{border-radius:var(--radius-sm);border:1px solid #ffffff1f}.field-hint[data-v-2bfc8322]{color:var(--color-text-muted);font-size:12px}input[data-v-2bfc8322]:focus,select[data-v-2bfc8322]:focus,textarea[data-v-2bfc8322]:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent-glow)}.option-grid[data-v-2bfc8322]{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:12px;display:grid}.check-field[data-v-2bfc8322]{align-items:center;gap:8px;min-height:40px;display:flex}.check-field input[data-v-2bfc8322]{width:auto}.settings-group[data-v-2bfc8322]{border-top:1px solid #ffffff1f;padding-top:14px}.settings-group h3[data-v-2bfc8322]{margin-bottom:10px}.result-panel[data-v-d84ca3bc]{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}h2[data-v-d84ca3bc]{font-size:20px}h3[data-v-d84ca3bc]{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:12px}.placeholder[data-v-d84ca3bc]{color:var(--color-text-muted)}.result-status[data-v-d84ca3bc]{border-radius:var(--radius-sm);padding:10px 12px;font-weight:700}.result-status.success[data-v-d84ca3bc]{color:var(--color-success);background:#00ff8814}.result-status.error[data-v-d84ca3bc]{color:var(--color-error);background:#ff475714}.error-details[data-v-d84ca3bc]{gap:6px;display:grid}.error-details div[data-v-d84ca3bc]{gap:10px;display:flex}dt[data-v-d84ca3bc]{color:var(--color-text-muted);width:70px}dd[data-v-d84ca3bc]{font-family:var(--font-mono);overflow-wrap:anywhere}.binary-editor[data-v-d84ca3bc]{gap:8px;display:grid}.binary-editor[data-v-d84ca3bc] .vuehex{border-radius:var(--radius-sm);border:1px solid #ffffff14;height:360px}.editor-hint[data-v-d84ca3bc]{color:var(--color-text-muted);font-size:12px}.debug-list[data-v-d84ca3bc]{gap:5px;display:grid}.debug-list button[data-v-d84ca3bc]{background:var(--color-bg-primary);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);text-align:left;border:0;border-left:3px solid #0000;padding:8px 10px}[data-v-d84ca3bc] .range-0{background-color:#00d4ff33!important;border-color:#00d4ff!important}[data-v-d84ca3bc] .range-1{background-color:#00ff882e!important;border-color:#0f8!important}[data-v-d84ca3bc] .range-2{background-color:#ffb80033!important;border-color:#ffb800!important}[data-v-d84ca3bc] .range-3{background-color:#ba68ff33!important;border-color:#ba68ff!important}[data-v-d84ca3bc] .range-4{background-color:#ff69b433!important;border-color:#ff69b4!important}[data-v-d84ca3bc] .range-5{background-color:#40e0d033!important;border-color:#40e0d0!important}[data-v-d84ca3bc] .active{outline:2px solid #fff}[data-v-d84ca3bc] .dim{opacity:.28}.navigator[data-v-646a4b17]{align-self:start;max-height:calc(100vh - 132px);position:sticky;top:104px;overflow:auto}h2[data-v-646a4b17]{font-size:20px}.summary[data-v-646a4b17]{color:var(--color-text-muted);margin:4px 0 12px;font-size:12px}input[data-v-646a4b17]{border-radius:var(--radius-sm);background:var(--color-bg-primary);width:100%;color:var(--color-text);border:1px solid #ffffff1f;padding:9px 10px}.runnable-filter[data-v-646a4b17]{color:var(--color-text-muted);align-items:center;gap:8px;margin:10px 0 16px;font-size:13px;display:flex}.runnable-filter input[data-v-646a4b17]{width:auto}.groups[data-v-646a4b17]{gap:16px;display:grid}h3[data-v-646a4b17]{color:var(--color-text-muted);letter-spacing:.05em;overflow-wrap:anywhere;text-transform:uppercase;margin-bottom:5px;font-size:11px}h3 span[data-v-646a4b17]{opacity:.7}button[data-v-646a4b17]{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;justify-content:space-between;padding:6px 8px;font-size:12px;display:flex}button[data-v-646a4b17]:hover,button.active[data-v-646a4b17]{border-left-color:var(--color-accent);color:var(--color-text);background:#00d4ff14}button.unsupported[data-v-646a4b17]{opacity:.6}small[data-v-646a4b17]{font-size:9px}@media (width<=900px){.navigator[data-v-646a4b17]{max-height:360px;position:static}}.lesson-navigator[data-v-efef0cde]{align-self:start;gap:1rem;display:grid}input[data-v-efef0cde]{width:100%;font:inherit;color:var(--color-text);background:var(--color-bg-primary);border:1px solid var(--color-text-muted);border-radius:6px;padding:.6rem}button[data-v-efef0cde]{text-align:left;border:1px solid var(--color-text-muted);background:var(--color-bg-secondary);width:100%;color:var(--color-text);cursor:pointer;margin-top:.4rem;padding:.65rem;display:block}button[aria-current][data-v-efef0cde]{border:2px solid var(--color-accent)}.app-shell[data-v-0deb0e4f]{min-height:100vh}header[data-v-0deb0e4f]{background:var(--color-bg-secondary);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;padding:22px clamp(20px,4vw,52px);display:flex;position:static}h1[data-v-0deb0e4f]{font-size:28px;line-height:1.1}h1 span[data-v-0deb0e4f]{color:var(--color-accent)}header p[data-v-0deb0e4f],.source[data-v-0deb0e4f],.section-intro[data-v-0deb0e4f]{color:var(--color-text-muted);font-size:13px}.status-badge[data-v-0deb0e4f]{color:var(--color-text-muted);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;display:flex}.status-badge i[data-v-0deb0e4f]{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.status-badge.ready[data-v-0deb0e4f]{color:var(--color-success)}.status-badge.ready i[data-v-0deb0e4f]{background:var(--color-success)}.status-badge.error[data-v-0deb0e4f]{color:var(--color-error)}.status-badge.error i[data-v-0deb0e4f]{background:var(--color-error)}main[data-v-0deb0e4f]{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;padding:24px;display:grid}.workspace[data-v-0deb0e4f]{grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;min-width:0;display:grid}.catalog-modes[data-v-0deb0e4f]{gap:.5rem;margin-bottom:1rem;display:flex}.catalog-modes button[data-v-0deb0e4f]{cursor:pointer;padding:.7rem}.catalog[data-v-0deb0e4f]{align-self:start}.catalog>summary[data-v-0deb0e4f]{cursor:pointer;padding:.5rem 0}.catalog-modes button[data-v-0deb0e4f],.reset-example[data-v-0deb0e4f]{color:var(--color-text);background:var(--color-bg-tertiary);border:1px solid var(--color-text-muted);cursor:pointer;border-radius:6px;padding:.55rem .8rem}.catalog-modes button[aria-pressed=true][data-v-0deb0e4f]{border:2px solid var(--color-accent)}a[data-v-0deb0e4f]{color:var(--color-accent)}pre[data-v-0deb0e4f]{white-space:pre-wrap;overflow-wrap:anywhere}.workspace h2[data-v-0deb0e4f]{font-size:20px}.section-intro[data-v-0deb0e4f]{margin:4px 0 18px}.example-context[data-v-0deb0e4f]{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:8px;display:grid}.eyebrow[data-v-0deb0e4f]{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.example-context h2[data-v-0deb0e4f]{overflow-wrap:anywhere}.example-title-row[data-v-0deb0e4f]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.example-title-row h2[data-v-0deb0e4f]{flex:280px;min-width:0}.test-source-link[data-v-0deb0e4f]{color:var(--color-accent);white-space:nowrap;font-size:12px}.unsupported[data-v-0deb0e4f]{color:var(--color-text-muted)}footer[data-v-0deb0e4f]{color:var(--color-text-muted);text-align:center;padding:20px;font-size:12px}@media (width<=900px){header[data-v-0deb0e4f]{align-items:flex-start;position:static}main[data-v-0deb0e4f],.example-context[data-v-0deb0e4f]{grid-template-columns:1fr}}@media (width<=600px){header[data-v-0deb0e4f]{flex-direction:column}main[data-v-0deb0e4f]{padding:14px}}