:root{color-scheme:light;--bg:#f7faff;--card:#fff;--soft:#f2f6fc;--line:#e1e8f2;--ink:#18273f;--muted:#6d7c91;--blue:#2479e6;--blue-soft:#eaf3ff;--green:#1c9369;--red:#c34b56;--shadow:0 18px 60px rgba(39,69,108,.07);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#101723;--card:#1a2637;--soft:#202f44;--line:#34465b;--ink:#e8f0fa;--muted:#9cabc0;--blue:#76b1ff;--blue-soft:#293d59;--green:#66cda3;--red:#ff929a;--shadow:0 18px 50px rgba(0,0,0,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}input,select,textarea{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 11px;outline:0;width:100%;transition:border .15s,box-shadow .15s}textarea{resize:vertical;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #68aafe!important;outline-offset:2px!important}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,121,230,.12)}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-100vw;top:10px;background:var(--card);padding:10px;z-index:20}.skip:focus{left:12px}.shell{width:min(1690px,calc(100% - 48px));margin:0 auto}.site-nav{background:var(--card);border-bottom:1px solid var(--line)}.nav-inner{height:67px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:750;letter-spacing:-.7px;font-size:20px;display:flex;align-items:center;gap:3px}.brand-mark{font-size:21px;color:#fff;background:linear-gradient(145deg,#54c7fc,#2477e3);width:34px;height:34px;display:grid;place-items:center;border-radius:11px;margin-right:9px}.accent,.hero h1 span{color:var(--blue)}.site-nav nav{display:flex;gap:22px;color:var(--muted);font-size:13px}.site-nav nav a:hover{color:var(--blue)}.icon-button{width:37px;height:37px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:11px;font-size:20px}.hero{padding:37px 0 29px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.25px;color:var(--blue)}.eyedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43bd9b;margin-right:7px}.muted{color:var(--muted)}.hero h1{font-size:clamp(32px,3.5vw,51px);line-height:1.05;letter-spacing:-2px;margin:13px 0 10px}.hero p{color:var(--muted);font-size:15px;margin:0;max-width:690px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{font-size:11px;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:5px 11px;color:var(--muted)}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;border:1px solid #b5d2fe;background:var(--blue-soft);border-radius:12px;margin-bottom:16px}.notice[hidden],[hidden]{display:none!important}.notice button{border:0;background:0 0;color:var(--muted);font-size:22px}.studio{background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.studio-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.studio-identity{display:flex;align-items:center;gap:11px}.studio-logo{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-size:22px}.studio-identity span:last-child,.studio-identity strong{display:block}.studio-identity strong{font-size:15px}.studio-identity div>span{font-size:11px;color:var(--muted)}.head-actions,.panel-row,.toolbar,.toolbar-left,.toolbar-right,.viewer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn,.tool-btn{border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--card);padding:9px 13px;font-size:12px;font-weight:650;white-space:nowrap}.btn:hover:not(:disabled),.tool-btn:hover:not(:disabled){background:var(--blue-soft);border-color:var(--blue)}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover:not(:disabled){background:#135ec5;color:#fff}.btn.subtle,.tool-btn{background:var(--soft)}.btn.small{padding:8px 10px;font-size:11px}.btn.danger{color:var(--red)}.toolbar{padding:10px 20px;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.tool-btn{padding:7px 9px;background:0 0}.toolbar-sep{height:22px;border-left:1px solid var(--line)}.status-pill,.tag{color:var(--blue);background:var(--blue-soft);border-radius:7px;font-size:10px;font-weight:700;padding:4px 8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.metrics>div{padding:15px 22px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span,.metrics strong{display:block}.metrics span{font-size:11px;color:var(--muted)}.metrics strong{font:700 18px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:minmax(246px,282px) minmax(0,1fr) minmax(215px,245px);min-height:660px}.sidebar{background:var(--soft)}.sidebar.left{border-right:1px solid var(--line)}.sidebar.right{border-left:1px solid var(--line)}.panel{padding:17px 17px 18px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-head h2{font-size:13px;margin:0;letter-spacing:-.15px}.panel label{display:block;margin-top:10px;margin-bottom:5px;font-weight:650;font-size:11px}.panel label:first-child{margin-top:0}.panel p{margin:0}.hint,.subtle-copy{color:var(--muted);font-size:11px;line-height:1.5}.hint{margin:7px 0 0!important}.filename{font-size:13px;font-weight:700;overflow-wrap:anywhere}.input-action{display:flex;gap:5px}.input-action input{flex:1;width:60px}.panel-row{margin-top:10px}.panel-row>*{flex:1}.mini-results{max-height:170px}.results{max-height:250px;overflow:auto;margin-top:10px}.result-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid var(--line);color:var(--ink);padding:7px 3px;background:0 0;text-align:left;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.result-row:hover{color:var(--blue);background:var(--blue-soft)}.result-row span:last-child{color:var(--muted)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 17px 13px}.viewer-toolbar strong{font-size:13px}.viewer-toolbar p{font-size:11px;color:var(--muted);margin:2px 0 0}.inline-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.inline-label select{width:72px;padding:6px}.hex-shell{margin:0 15px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}.hex-head,.hex-row{display:grid;grid-template-columns:95px minmax(0,1fr) minmax(80px,.55fr);gap:12px;align-items:center}.hex-head{background:var(--soft);border-bottom:1px solid var(--line);height:35px;padding:0 12px;font-size:10px;letter-spacing:1px;font-weight:750;color:var(--muted)}.hex-viewport{height:475px;overflow:auto;position:relative;outline:0;background:var(--card)}.hex-canvas{position:relative;min-height:100%}.hex-row{position:absolute;left:0;right:0;height:29px;padding:0 12px;border-bottom:1px solid var(--line);font:12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.hex-row:nth-child(2n){background:color-mix(in srgb,var(--soft) 28%,var(--card))}.offset{color:var(--blue);font-weight:650}.ascii-cells,.byte-cells{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:1px;min-width:0}.ascii-byte,.hex-byte{border:0;background:0 0;color:var(--ink);padding:4px 0;line-height:17px;font:inherit;text-align:center;min-width:0;white-space:nowrap;border-radius:3px}.ascii-byte:hover,.hex-byte:hover{background:var(--blue-soft)}.ascii-byte.selected,.hex-byte.selected{background:var(--blue);color:#fff}.ascii-byte.match,.hex-byte.match{box-shadow:inset 0 -3px #efa848}.ascii-byte:focus-visible,.hex-byte:focus-visible{outline:2px solid #f6ac38!important;outline-offset:0!important}.ascii-byte{color:var(--muted)}.hex-foot{display:flex;justify-content:space-between;gap:6px;padding:9px 12px;background:var(--soft);color:var(--muted);font-size:11px}.keyboard-legend{display:flex;flex-wrap:wrap;gap:16px;padding:14px 17px;font-size:11px;color:var(--muted)}kbd{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--card);margin-right:2px;font:11px ui-monospace,Consolas,monospace}.compare-panel{margin:0 15px 15px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}.compare-summary{font-size:11px;margin-top:10px;color:var(--muted)}.text-btn{border:0;background:0 0;color:var(--blue);font-weight:650;font-size:11px;padding:7px 0}.inspector{display:grid;gap:0}.inspector>div{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line);gap:2px}.inspector span{font-size:10px;color:var(--muted)}.inspector strong{font:650 12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.notes{font-size:11px;color:var(--muted);padding-left:17px;margin:0}.notes li{margin-bottom:9px}.privacy{margin:17px;padding:16px;border:1px solid var(--line);border-radius:11px;font-size:11px}.privacy strong{font-size:12px}.privacy p{color:var(--muted);margin:5px 0 0}.workspace-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;font-size:11px;color:var(--muted)}.progress-wrap{display:flex;align-items:center;gap:10px}.progress-wrap progress{width:130px;accent-color:var(--blue)}.below,.faq{padding:42px 0 12px}.below h2,.faq h2{font-size:24px;letter-spacing:-.7px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-grid article{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:22px}.feature-grid article span{color:var(--blue);font-size:10px;font-weight:750;letter-spacing:1px}.feature-grid h3{font-size:17px;margin:10px 0 5px}.faq p,.feature-grid p{font-size:13px;color:var(--muted);margin:0}.faq{padding-bottom:55px;max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:650}.faq p{margin:8px 0}.site-footer{background:var(--card);border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;padding:25px 0;color:var(--muted);font-size:12px}.footer-inner strong{font-size:17px;color:var(--ink)}.footer-inner strong span{color:var(--blue)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1320px){.workspace{grid-template-columns:minmax(215px,260px) minmax(0,1fr)}.right{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.right .panel{border-right:1px solid var(--line)}.right .privacy{align-self:start}.hex-head,.hex-row{grid-template-columns:77px minmax(0,1fr) minmax(50px,.6fr);gap:5px}.hex-row{padding:0 6px}}@media(max-width:940px){.workspace{grid-template-columns:1fr}.left{border-right:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}.left .panel{border-right:1px solid var(--line)}.left .panel:last-child{grid-column:1/-1}.hex-head,.hex-row{grid-template-columns:88px minmax(0,1fr) minmax(65px,.55fr);gap:10px}.right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.right .privacy{grid-column:1/-1}}@media(max-width:620px){.shell{width:calc(100% - 24px)}.site-nav nav{display:none}.hero{padding:29px 0 23px}.hero h1{letter-spacing:-1.3px}.studio-head{align-items:flex-start;flex-direction:column;padding:15px}.head-actions{width:100%}.head-actions>*{flex:1}.toolbar{padding:9px 11px}.toolbar .tool-btn span{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{padding:11px 14px;border-bottom:1px solid var(--line)}.metrics strong{font-size:15px}.left,.right{display:block}.left .panel:last-child{grid-column:auto}.viewer-toolbar{align-items:flex-start;flex-wrap:wrap}.hex-shell{margin:0 7px}.hex-head,.hex-row{grid-template-columns:64px minmax(0,1fr) minmax(35px,.45fr);gap:4px}.hex-row{font-size:10px;padding:0 3px}.hex-head{padding:0 4px;letter-spacing:.5px}.ascii-byte,.hex-byte{font-size:10px}.ascii-cells{overflow:hidden}.hex-viewport{height:365px}.keyboard-legend{gap:8px}.compare-panel{margin:0 8px 12px}.feature-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:6px}}@media(max-width:350px){.hero h1{font-size:31px}.hex-head,.hex-row{grid-template-columns:57px minmax(0,1fr) minmax(29px,.38fr);gap:2px}.hex-row{font-size:9px}.ascii-byte,.hex-byte{font-size:9px}.toolbar-right{gap:3px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}