.builder-main{padding-top:62px}.builder-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:42px}.builder-intro h1{font-size:clamp(48px,5.8vw,80px)}.intro-aside{max-width:380px;padding-bottom:8px}.intro-aside p{color:var(--muted);font-size:16px;line-height:1.8}.intro-aside .inline-link{margin-top:0;font-size:12px}.workbench{border:1px solid var(--line);background:var(--panel)}.workbench-bar,.matrix-top,.export-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.workbench-bar .meta-label{margin-bottom:5px}.workbench-bar strong{font-size:18px;font-weight:500}.edit-summary{display:flex;align-items:center;gap:18px}.edit-summary>span{color:var(--green);font-size:11px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px}.matrix-panel{min-width:0}.matrix-top{padding:16px;font-size:9px;letter-spacing:.08em}.matrix-top form{display:flex;align-items:center;gap:8px;letter-spacing:0}.matrix-top input{width:58px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:4px;font-size:11px}.matrix-top label{color:var(--muted);font-size:10px}.matrix-top .small-button{padding:4px 7px;font-size:10px}.matrix-scroll{height:628px;overflow:auto;scrollbar-color:var(--line) var(--bg);scrollbar-width:thin}.byte-row{display:grid;grid-template-columns:32px repeat(16,minmax(0,1fr));gap:1px;padding-right:8px}.row-offset{align-self:center;font-size:9px;color:var(--muted);text-align:center}.builder-byte{appearance:none;border:1px solid transparent;background:#0c100c;min-width:0;height:42px;padding:3px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.4;color:var(--muted)}.builder-byte .cell-hex{font-size:11px;color:var(--text)}.builder-byte .cell-bits{font-size:7px;letter-spacing:-.05em;display:flex;gap:0}.builder-byte.original-instruction .cell-hex{color:var(--code)}.builder-byte.original-data .cell-hex{color:#d8ca91}.builder-byte.original-signature .cell-hex{color:var(--green)}.builder-byte.changed{background:#253216}.builder-byte.changed .cell-hex,.cell-bits .changed-bit{color:var(--green)}.cell-bits .changed-bit{background:#385014}.builder-byte.selected{border-color:var(--green);background:#27361a}.builder-byte.live-instruction{border-bottom-color:var(--code)}.builder-byte.current-ip{box-shadow:inset 0 0 0 1px #f0c878}.builder-byte:focus-visible{outline-offset:-2px}.matrix-footer{padding:14px 16px;display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}.legend-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--muted)}.code-dot{background:var(--code)}.data-dot{background:#d8ca91}.changed-dot{background:var(--green)}.signature-dot{background:var(--green);border:1px solid var(--green);background:transparent}.builder-inspector{padding:22px;border-left:1px solid var(--line);background:#111711;min-width:0}.inspector-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.inspector-heading .meta-label{margin:0}.inspector-heading strong{color:var(--green);font-size:18px}.inspector-heading>span:last-child{grid-column:1/-1;font-size:10px;color:var(--muted)}.value-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:20px 0}.value-heading strong{font-weight:400;font-size:32px;letter-spacing:-.06em}.value-heading span{color:var(--muted);font-size:10px}.bit-field{margin:0;border:0;padding:0;min-width:0}.bit-field legend{font-size:10px;padding:0;color:var(--muted);margin-bottom:10px}.bit-field legend span{display:block;font-size:8px;color:var(--muted)}.builder-bits{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.bit-control{min-width:0;text-align:center}.bit-weight{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.builder-bit{display:block;width:100%;padding:9px 0;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-size:19px;line-height:1.2}.builder-bit[aria-pressed=true]{color:var(--green);background:#223018;border-color:#49662b}.builder-bit.changed{border-color:#d8ca91;box-shadow:inset 0 -3px #d8ca91}.builder-bit:hover{border-color:var(--green)}.bit-change-note{font-size:10px;color:var(--muted);margin:10px 0 23px}.decode-block{padding:18px 0;border-top:1px solid var(--line)}.decode-block .meta-label{margin-bottom:9px;color:var(--code)}.decode-block h2{font-size:20px;line-height:1.35;letter-spacing:-.03em;overflow-wrap:anywhere;margin-bottom:10px}.decode-block p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:12px}.decode-block .boundary-note{font-size:10px;color:var(--code)}.operand-strip{display:flex;gap:6px;flex-wrap:wrap}.operand-byte{padding:6px 8px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--text)}.operand-byte span{display:block;color:var(--muted);font-size:7px}.operand-byte.active{border-color:var(--green);color:var(--green)}.source-annotation{border-top:1px solid var(--line);padding-top:12px}.source-annotation summary{color:var(--muted);font-size:10px;cursor:pointer}.source-annotation p{font-size:10px;line-height:1.8;margin:10px 0}.source-annotation #source-kind{color:var(--code)}.edit-impact{font-size:10px;line-height:1.8;border-left:2px solid var(--green);padding-left:10px;margin:18px 0 0;color:var(--text)}.validation-bar{display:grid;grid-template-columns:1fr 1.5fr 2fr;border-top:1px solid var(--line)}.validation-item{padding:18px 24px;min-width:0}.validation-item+.validation-item{border-left:1px solid var(--line)}.validation-item .meta-label{margin-bottom:6px;font-size:8px}.validation-item strong{font-size:12px;color:var(--green);font-weight:400}.validation-item strong.error{color:#ff9b86}.native-status strong{color:var(--text)}.native-status>span:last-child{display:block;margin-top:7px;font-size:9px;line-height:1.7;color:var(--muted)}.export-bar{border-top:1px solid var(--line);border-bottom:0}.export-bar p{font-size:10px;color:var(--muted);margin:0}.export-bar .button{font-size:11px;padding:12px 16px}.export-bar .small-button{font-size:11px;padding:11px 14px}.builder-simulation{margin-top:30px}.builder-simulation .panel-toolbar{padding:22px 24px;align-items:center}.builder-simulation h2{font-size:25px;letter-spacing:-.045em}.builder-simulation .meta-label{font-size:8px;margin-bottom:8px}.builder-execution{display:grid;grid-template-columns:1fr 1fr}.builder-execution>div{padding:24px;min-width:0}.builder-registers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);margin-bottom:18px}.builder-registers .register{border:0;border-right:1px solid var(--line);background:var(--bg);padding:8px 9px;min-width:0}.builder-registers .register:last-child{border-right:0}.builder-registers .register strong{font-size:13px}.builder-execution .status-message{font-size:10px}.builder-execution .trace{max-height:170px;overflow:auto;margin:0}.builder-execution .trace li{font-size:10px}.builder-output{border-left:1px solid var(--line);background:#090d09}.builder-output pre{font-size:12px;line-height:1.7;min-height:115px;color:var(--green);overflow-wrap:anywhere}.builder-output .serial-label{margin-top:18px;color:var(--code)}.builder-output #simulation-serial{color:var(--code)}.simulation-boundary{font-size:9px;line-height:1.8;color:var(--muted);padding:14px 24px;border-top:1px solid var(--line);margin:0}.builder-guide{margin:100px 0 56px}.guide-heading{margin-bottom:40px}.guide-heading h2{font-size:clamp(29px,3.3vw,44px)}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px 55px}.guide-columns article{border-top:1px solid var(--line);padding-top:18px}.guide-number{font-size:11px;color:var(--green);display:block;margin-bottom:14px}.guide-columns h3{margin-bottom:15px}.guide-columns p,.guide-boundary p{color:var(--muted);font-size:12px;line-height:1.95}.byte-link{color:var(--green);border:0;border-bottom:1px dotted var(--green);background:transparent;padding:0;font:inherit;display:inline}.guide-boundary{border:1px solid var(--line);padding:28px;margin-top:30px;background:var(--panel)}.guide-boundary h3{margin-bottom:15px}.guide-boundary p{max-width:950px;margin-bottom:12px}.guide-boundary .inline-link{font-size:12px;margin-top:12px}.builder-provenance{color:var(--muted);font-size:9px;overflow-wrap:anywhere;line-height:2.2;margin-bottom:60px}.builder-provenance a{color:var(--text)}.builder-provenance code{color:var(--muted)}button:disabled{cursor:not-allowed}.error{color:#ff9b86}button[hidden]{display:none}
@media(min-width:1360px){.builder-main{width:min(1380px,calc(100% - 80px))}.builder-layout{grid-template-columns:minmax(0,1fr) 370px}.builder-byte .cell-bits{font-size:8px}}
@media(max-width:1050px){.builder-layout{grid-template-columns:minmax(0,1fr) 320px}.byte-row{grid-template-columns:30px repeat(8,minmax(0,1fr))}.builder-byte .cell-bits{font-size:8px}.matrix-top{flex-wrap:wrap;gap:9px}.builder-registers{grid-template-columns:repeat(5,minmax(0,1fr))}.builder-simulation .panel-toolbar{flex-wrap:wrap;gap:18px}}
@media(max-width:760px){.builder-main{padding-top:35px}.builder-intro{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:28px}.intro-aside p{font-size:13px;margin-bottom:14px}.intro-aside{max-width:none}.builder-intro h1{font-size:58px}.workbench-bar{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.workbench-bar strong{font-size:16px}.workbench-bar .meta-label{font-size:8px}.edit-summary{width:100%;justify-content:space-between}.builder-layout{display:block}.matrix-scroll{height:390px}.byte-row{padding-right:5px;grid-template-columns:28px repeat(8,minmax(0,1fr))}.builder-byte{height:44px}.builder-byte .cell-bits{font-size:7px}.matrix-footer{gap:12px;font-size:8px}.matrix-top{padding:12px;flex-wrap:nowrap;font-size:8px;gap:8px}.matrix-top label{font-size:8px}.matrix-top input{width:50px}.builder-inspector{border-left:0;border-top:1px solid var(--line);padding:22px}.value-heading{margin:16px 0}.builder-bit{font-size:24px}.bit-field legend span{display:inline;margin-left:5px}.validation-bar{grid-template-columns:1fr 1fr}.validation-item{padding:16px}.native-status{grid-column:1/-1;border-top:1px solid var(--line)}.validation-item.native-status{border-left:0}.validation-item strong{font-size:10px}.export-bar{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.export-bar .controls{width:100%}.export-bar .controls button{flex:1;padding:12px 9px;font-size:10px}.builder-execution{display:block}.builder-output{border-left:0;border-top:1px solid var(--line)}.builder-simulation .panel-toolbar{padding:20px}.builder-simulation .controls{gap:7px;flex-wrap:wrap}.builder-simulation .controls button{font-size:10px;padding:8px 10px}.builder-execution>div{padding:20px}.builder-registers .register{padding:8px}.builder-registers .register strong{font-size:12px}.builder-guide{margin-top:65px}.guide-columns{grid-template-columns:1fr;gap:25px}.guide-boundary{padding:20px}.guide-columns p,.guide-boundary p{font-size:11px}.builder-provenance{font-size:8px}.header nav{flex-wrap:wrap}.header .version{display:none}}
@media(max-width:360px){.matrix-top{flex-direction:column;align-items:flex-start}.builder-byte .cell-bits{font-size:6px}.builder-inspector{padding:17px}.bit-field legend span{display:block;margin-left:0}.builder-intro h1{font-size:49px}.builder-registers .register{padding:7px 5px}.builder-registers .register strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}