.shell.input-compact:has(.pc) .io{grid-template-rows:minmax(0,1fr);gap:0;position:relative}.shell.input-compact:has(.pc) .input-pane{z-index:2;background:0 0;border:0;border-radius:0;width:min(100% - 48px,976px);min-height:0;position:absolute;top:16px;left:50%;transform:translate(-50%)}.shell.input-compact:has(.pc) .input-pane>header{background:0 0;border:0;min-height:18px;padding:0}.shell.input-compact:has(.pc) .input-pane .eyebrow{color:var(--ink-3);letter-spacing:.08em;font-size:10px}.shell.input-compact:has(.pc) .input-pane .meta-x{display:none}.shell.input-compact:has(.pc) .input-line{border:0;border-bottom:1px solid var(--rule);height:38px;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-sm);background:0 0;border-radius:0;padding:0}.shell.input-compact:has(.pc) .input-line:focus{box-shadow:inset 0 -2px 0 var(--accent)}.shell.input-compact:has(.pc) .output-pane{border-radius:var(--r-3)}.shell.input-compact:has(.pc) .output-pane>header{display:none}.pc{background:var(--bg);flex:1;min-width:0;min-height:0;overflow:auto}.pc button,.pc input{font:inherit}.pc button{border:1px solid var(--rule);border-radius:var(--r-1);background:var(--bg-raised);color:var(--ink-2);cursor:pointer}.pc button:hover,.pc button:focus-visible{border-color:var(--n8);color:var(--ink)}.pc button:focus-visible,.pc input:focus-visible,.pc summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pc button:disabled{opacity:.45;cursor:default}.pc-workspace{grid-template-columns:minmax(0,1024px) 40px;justify-content:center;align-items:stretch;gap:8px;width:min(100%,1320px);margin-inline:auto;padding:82px 24px 28px;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1);display:grid}.pc-workspace.pc-history-open{grid-template-columns:minmax(0,1024px) 320px}.pc-calculator{align-content:start;gap:12px;min-width:0;display:grid}.pc-display{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--bg-sunken);align-content:space-between;min-width:0;min-height:158px;padding:18px 20px 14px;display:grid}.pc-display-meta,.pc-interpretations{color:var(--ink-3);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.pc-main-value{width:100%;min-width:0;color:var(--ink);font-family:var(--font-mono);letter-spacing:-.045em;text-align:right;background:0 0;border:0;outline:0;padding:8px 0;font-size:clamp(36px,5.2vw,68px);font-weight:500}.shell.input-compact:has(.pc) .pc-main-value{height:auto;font-family:var(--font-mono);padding:8px 0;font-size:clamp(36px,5.2vw,68px)}.pc-main-value:focus{box-shadow:inset 0 -1px 0 var(--accent)}.pc-interpretations{justify-content:flex-end}.pc-interpretations b{color:var(--ink-2);font-family:var(--font-mono);font-weight:500}.pc-notice{border-left:2px solid var(--accent);background:var(--accent-wash);min-height:32px;color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:5px 8px 5px 12px;font-size:11px;display:flex}.pc-notice button{background:0 0;padding:3px 10px;font-size:10px}.pc-controls{grid-template-columns:1.2fr 1fr .9fr;gap:8px;display:grid}.pc-segment{min-width:0;border:1px solid var(--rule);border-radius:var(--r-2);background:var(--bg-sunken);gap:2px;min-inline-size:0;margin:0;padding:2px;display:flex}.pc-segment button{min-width:0;min-height:36px;font-family:var(--font-mono);background:0 0;border-color:#0000;flex:1;padding:5px 8px;font-size:11px}.pc-segment button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.pc-keypad{border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-inline-size:0;margin:0;padding:0;display:grid}.pc-keypad button{background:color-mix(in srgb, var(--bg-raised) 82%, var(--ink) 2%);min-height:47px;font-family:var(--font-mono);padding:7px 4px;font-size:13px}.pc-keypad .pc-key-operator{background:var(--bg-sunken);color:var(--ink)}.pc-keypad .pc-key-utility,.pc-keypad .pc-key-muted{color:var(--ink-3)}.pc-keypad .pc-key-equals{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast,var(--bg));grid-column:span 2;font-size:18px}.pc-keypad .pc-key-equals:hover,.pc-keypad .pc-key-equals:focus-visible{color:var(--accent-contrast,var(--bg));filter:brightness(1.08)}.pc-sections{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--bg-sunken);display:grid}.pc-history-rail{border-radius:var(--r-2);background:0 0;border:1px solid #0000;grid-template-rows:48px minmax(0,1fr);align-self:start;min-width:0;max-height:40px;transition:max-height .24s cubic-bezier(.22,1,.36,1),border-color .16s,background-color .16s;display:grid;overflow:hidden}.pc-history-rail[data-open=true]{border-color:var(--rule);background:var(--bg-sunken);align-self:stretch;max-height:900px}.pc-history-bar{align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.pc-history-toggle{border-color:var(--rule);border-radius:var(--r-1);background:var(--bg-raised);place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;transition:border-color .16s,background-color .16s,transform .22s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.pc-history-toggle svg{stroke:currentColor;stroke-width:1.25px;stroke-linecap:square;stroke-linejoin:miter;transition:transform .22s cubic-bezier(.22,1,.36,1)}.pc-history-bar strong{opacity:0;color:var(--ink);font-size:12px;font-weight:600;transition:opacity .14s 40ms,transform .22s cubic-bezier(.22,1,.36,1);transform:translate(6px)}.pc-history-toggle small{border:1px solid var(--bg);background:var(--ink-2);min-width:15px;height:15px;color:var(--bg);font-family:var(--font-mono);border-radius:8px;place-items:center;padding-inline:3px;font-size:8px;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.pc-history-rail[data-open=true] .pc-history-bar{border-bottom:1px solid var(--rule)}.pc-history-rail[data-open=true] .pc-history-toggle svg{transform:rotate(-24deg)}.pc-history-rail[data-open=true] .pc-history-bar strong{opacity:1;transform:translate(0)}.pc-history-panel{opacity:0;visibility:hidden;min-height:0;padding:12px;transition:opacity .14s,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;overflow:hidden;transform:translate(10px)}.pc-history-rail[data-open=true] .pc-history-panel{opacity:1;visibility:visible;transition-delay:60ms,0s,0s;transform:translate(0)}.pc-section{border-bottom:1px solid var(--rule);min-width:0}.pc-section:last-child{border-bottom:0}.pc-section summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-height:48px;padding:9px 14px;list-style:none;display:grid}.pc-section summary::-webkit-details-marker{display:none}.pc-section summary:before{border-right:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);content:"";width:7px;height:7px;transition:transform .12s;transform:rotate(-45deg)}.pc-section[open] summary:before{transform:rotate(45deg)translate(-2px,-2px)}.pc-summary-title{color:var(--ink);grid-area:1/2;font-size:13px;font-weight:600}.pc-summary-meta{min-width:0;color:var(--ink-3);font-family:var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap;grid-area:1/3;font-size:10px;overflow:hidden}.pc-section[open] summary{border-bottom:1px solid var(--rule)}.pc-section-body{padding:14px}.pc-binary .pc-section-body{overflow-x:auto}.pc-bit-scale,.pc-bit-strip{border:0;grid-auto-columns:25px;grid-auto-flow:column;gap:2px;min-width:max-content;margin:0;padding:0;display:grid}.pc-bit-scale span{color:#0000;font-family:var(--font-mono);text-align:center;font-size:8px}.pc-bit-scale .pc-bit-marked{color:var(--ink-3)}.pc-bit-scale span:nth-child(8n+1):not(:first-child),.pc-bit-strip button:nth-child(8n+1):not(:first-child){margin-left:6px}.pc-bit-strip button{background:var(--bg);width:25px;height:34px;font-family:var(--font-mono);padding:0;font-size:12px}.pc-bit-strip .pc-bit-on{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.pc-section-note{color:var(--ink-3);margin-top:10px;font-size:10px}.pc-endian-body{gap:8px;display:grid}.pc-address-axis{color:var(--ink-3);text-transform:uppercase;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:8px;padding-left:116px;font-size:9px;display:grid}.pc-address-axis i{background:var(--rule);height:1px}.pc-byte-order,.pc-swap-row{border:1px solid var(--rule);border-radius:var(--r-1);background:var(--bg);grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.pc-byte-order>span,.pc-swap-row span,.pc-unicode-row>span{color:var(--ink-3);font-size:10px}.pc-byte-order>div{gap:4px;min-width:0;display:flex}.pc-byte-order code{border:1px solid var(--rule);min-width:34px;color:var(--ink);text-align:center;border-radius:3px;padding:5px;font-size:12px}.pc-byte-order button,.pc-swap-row button,.pc-history-head button{background:0 0;padding:5px 9px;font-size:10px}.pc-swap-row>div{grid-column:1/3;align-items:center;gap:16px;display:flex}.pc-swap-row code{color:var(--ink);font-size:13px}.pc-char-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;display:grid}.pc-char-grid>div{border:1px solid var(--rule);border-radius:var(--r-1);background:var(--bg);grid-template-columns:1fr auto;gap:5px;min-width:0;padding:9px;display:grid}.pc-char-grid span{color:var(--ink-3);text-transform:uppercase;font-size:9px}.pc-char-grid code{color:var(--ink-2);font-size:11px}.pc-char-grid b{color:var(--ink);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:13px;font-weight:500;overflow:hidden}.pc-unicode-row{border-top:1px solid var(--rule);grid-template-columns:100px 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:9px;display:grid}.pc-unicode-row code,.pc-unicode-row b{color:var(--ink);font-size:11px;font-weight:500}.pc-history-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.pc-history-head p,.pc-empty{color:var(--ink-3);font-size:10px}.pc-history-rail ol{gap:3px;max-height:min(540px,100dvh - 310px);list-style:none;display:grid;overflow:auto}.pc-history-rail li>button{background:var(--bg);text-align:left;border-color:#0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;width:100%;padding:7px 9px;display:grid}.pc-history-rail li code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc-history-rail li b{color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:500}.pc-history-rail li span{color:var(--ink-3);white-space:nowrap;grid-column:1/-1;font-size:10px}.pc-interpretations span+span{border-left:1px solid var(--rule);padding-left:16px}@media (width>=1101px){.shell.input-compact:has(.pc) .input-pane{left:calc(50% - 24px)}.shell.input-compact:has(.pc-history-open) .input-pane{width:min(100% - 424px,896px);left:calc(50% - 164px)}}@media (width<=1100px){.pc-workspace,.pc-workspace.pc-history-open{grid-template-columns:minmax(0,1fr);width:min(100%,1024px)}.pc-history-rail{justify-self:end;width:40px}.pc-history-rail[data-open=true]{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.pc-workspace,.pc-history-rail,.pc-history-toggle,.pc-history-toggle svg,.pc-history-bar strong,.pc-history-panel{transition:none}}@media (width<=980px){.shell.input-compact:has(.pc) .io{grid-template-rows:auto minmax(0,1fr)}.shell.input-compact:has(.pc) .input-pane{width:auto;padding:10px 18px 0;position:static;transform:none}.shell.input-compact:has(.pc) .output-pane{border-top:0}.pc-workspace{padding-top:12px}}@media (width<=720px){.pc-workspace{padding:10px}.pc-display{min-height:132px;padding:14px}.pc-controls{grid-template-columns:1fr 1fr}.pc-sign-select{grid-column:1/-1}.pc-keypad{gap:4px}.pc-keypad button{min-height:44px}.pc-summary-meta{max-width:52vw}}@media (width<=440px){.shell.input-compact:has(.pc) .input-pane{padding-inline:10px}.pc-display-meta,.pc-interpretations{flex-direction:column;align-items:flex-end;gap:3px}.pc-main-value{font-size:34px}.pc-interpretations span+span{border-left:0;padding-left:0}.pc-controls{grid-template-columns:1fr}.pc-sign-select{grid-column:auto}.pc-keypad button{min-height:44px;font-size:11px}.pc-segment button{min-height:44px}.pc-section summary{gap:10px}.pc-summary-meta{display:none}.pc-byte-order,.pc-swap-row{grid-template-columns:1fr auto}.pc-byte-order>span{grid-column:1/-1}.pc-byte-order>div{overflow-x:auto}.pc-address-axis{padding-left:0}.pc-swap-row>div{flex-direction:column;grid-column:1;align-items:flex-start;gap:3px}.pc-unicode-row{grid-template-columns:1fr;gap:4px}}