@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_868d7743-module__u1MDZG__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_868d7743-module__u1MDZG__variable{--font-sans:"Manrope", "Manrope Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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 Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_9a2f2d6c-module__wsyXyG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_9a2f2d6c-module__wsyXyG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#faf8f5;--surface:#fff;--border:#d8d2c8;--text:#2e261f;--muted:#6f6255;--primary:#b45309;--primary-strong:#8f3f06;--success:#0f766e}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans), sans-serif;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}.page{max-width:1440px;margin:0 auto;padding:16px}.app-shell{grid-template-columns:minmax(340px,380px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0}.controls{gap:12px;padding:14px;display:grid;position:static;overflow:hidden}.bytes{gap:8px;min-width:0;padding:10px;display:grid;overflow:hidden}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-2>*{min-width:0}.field{gap:6px;min-width:0;display:grid}.field-wide{grid-column:1/-1}.field-label,.field-note{color:var(--muted);font-size:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:8px 10px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--primary) 30%, #fff);outline-offset:1px;border-color:var(--primary)}.stack{align-content:start;gap:8px;padding:4px 0;display:grid}.toggle{align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{flex:none;width:14px;height:14px;margin:0}.toggle span{line-height:1.3}.output-wrap{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.output-header{justify-content:space-between;align-items:center;font-size:14px;display:flex}.output{font-family:var(--font-mono), monospace;resize:vertical;min-height:56px}.output-compact{font-weight:700}.decode-row{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.decode-row>*{min-width:0}.decode-row button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;min-height:40px;padding:8px 12px}.decode-row button:hover{border-color:var(--primary);color:var(--primary-strong)}.byte-card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.byte-header{grid-template-columns:minmax(0,1fr) 208px;align-items:start;gap:10px;display:grid}.byte-header strong{font-size:14px}.byte-header p{color:var(--muted);margin:2px 0 0;font-size:13px}.hex-input{gap:4px;width:100%;display:grid}.hex-input span{color:var(--muted);font-size:12px}.hex-input input{text-align:center;width:100%;font-family:var(--font-mono), monospace}.bit-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0;display:grid}.bit-toggle{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:34px;font-size:12px;display:flex}.bit-toggle input{width:14px;height:14px;margin:0}.fields-grid{gap:8px;min-width:0;display:grid}.footer-line{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.footer-line button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:7px 12px}.footer-line button:hover{border-color:var(--primary);color:var(--primary-strong)}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.controls{position:static}.byte-header{grid-template-columns:minmax(0,1fr) 170px}}@media (max-width:620px){.page{padding:12px}.decode-row,.grid-2,.byte-header{grid-template-columns:1fr}.bit-row{grid-template-columns:repeat(4,minmax(0,1fr))}}