.camera-plate{--camera-accent:color-mix(in srgb,var(--gilt-ink) 60%,var(--on-surface));background:var(--surface);border:1px solid var(--hairline);border-top:3px solid var(--gilt-ink,#d8bd81);color:var(--on-surface);font-family:var(--font-sans);margin:2.5rem 0;font-size:.8125rem;line-height:1.6;overflow:clip}.camera-plate p{margin:0}.camera-plate button,.camera-plate input{font:inherit}.camera-plate button{border:1px solid var(--hairline);color:inherit;cursor:pointer;background:0 0;min-height:44px;padding:.5rem .85rem;line-height:1.4}.camera-plate button:hover{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.camera-plate button:disabled{cursor:default;opacity:.4}.camera-plate :is(button,input,a){scroll-margin-bottom:8rem;scroll-margin-top:calc(var(--header-height) + 38svh)}.camera-plate :is(button,input,a):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.camera-header{padding:1.5rem 1.5rem 1.25rem}.camera-plate .camera-eyebrow{color:var(--camera-accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.camera-plate .camera-header h3{font-family:var(--font-serif);margin:.55rem 0;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.4}.camera-header>p:last-child{opacity:.85;max-width:56ch}.camera-cover{color:#dce4e8;text-align:center;background:#101a25;padding-bottom:1.3rem}.camera-cover svg{width:100%;height:auto;max-height:230px;display:block}.camera-plate .camera-launch{color:#8bcbd5;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#8bcbd51f;border-color:#8bcbd5;padding:.65rem 1.25rem;font-size:.75rem;font-weight:600}.camera-plate .camera-launch:hover{background:#8bcbd538}.camera-plate .camera-launch:focus-visible{outline-color:#8bcbd5}.camera-plate .camera-cover p{color:#b4c0cb;margin:.8rem 1rem 0;font-size:.75rem}.camera-lessons{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.camera-plate .camera-lessons button{font-family:var(--font-mono);border:0;border-bottom:2px solid #0000;padding:.85rem .25rem;font-size:.7rem}.camera-plate .camera-lessons button[aria-pressed=true]{background:color-mix(in srgb,var(--gilt-ink) 9%,transparent);border-bottom-color:var(--gilt-ink);color:var(--camera-accent)}.camera-stage{top:var(--header-height);z-index:2;background:#314252;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;position:sticky}.camera-viewport{background:#101a25;min-width:0}.camera-view-label{color:#c8d6df;font:.63rem var(--font-mono);border-bottom:1px solid #263646;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;display:flex}.camera-view-label span:last-child{color:#8bcbd5}.camera-viewport canvas{aspect-ratio:1.35;width:100%;max-height:32svh;display:block}.camera-legend{color:#c8d6df;background:#101a25;flex-wrap:wrap;gap:.4rem 1rem;padding:.65rem 1rem;font-size:.65rem;display:flex}.camera-legend span{align-items:center;gap:.4rem;display:inline-flex}.camera-legend i{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.camera-swatch-subject{background:#e8cc8c}.camera-swatch-camera{background:#8bcbd5}.camera-legend i.camera-swatch-wall{background:#d69ba4;border-radius:0}.camera-swatch-ghost{border:1px dashed #b4c0cb}.camera-transport{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.camera-actions{flex-wrap:wrap;gap:.45rem;display:flex}.camera-plate .camera-actions button{font-size:.72rem}.camera-plate .camera-play{border-color:var(--primary);color:var(--primary);min-width:7.6rem}.camera-clock{font-family:var(--font-mono);white-space:nowrap;font-size:.7rem}.camera-readings{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.8rem 1rem;font-size:.65rem;display:flex}.camera-readings span{flex-direction:column;display:flex}.camera-readings strong{color:var(--camera-accent);font-family:var(--font-mono);font-size:.78rem;font-weight:500}.camera-lesson{padding:1.25rem 1.5rem}.camera-lesson-intro{margin-bottom:1.5rem}.camera-plate .camera-lesson-intro h4{font-family:var(--font-serif);margin:0 0 .5rem;font-size:1rem;line-height:1.6}.camera-lesson-intro p{opacity:.85;max-width:68ch}.camera-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem 1.75rem;display:grid}.camera-control{min-width:0}.camera-control label{justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;display:flex}.camera-control output{color:var(--primary);font-family:var(--font-mono);white-space:nowrap;font-size:.7rem}.camera-control input[type=range]{accent-color:var(--primary);cursor:pointer;width:100%;height:30px;margin:.1rem 0 .2rem;display:block}.camera-plate .camera-control p{opacity:.85;font-size:.69rem;line-height:1.65}.camera-control a{white-space:nowrap}.camera-control .camera-toggle{cursor:pointer;justify-content:flex-start;min-height:44px}.camera-toggle input{accent-color:var(--primary);cursor:pointer;flex-shrink:0;width:1.05rem;height:1.05rem}.camera-plate .camera-note{border-top:1px solid var(--hairline);opacity:.75;margin-top:1.5rem;padding-top:.85rem;font-size:.67rem}.camera-footer{border-top:1px solid var(--hairline);gap:.35rem;padding:1rem 1.5rem;font-size:.68rem;line-height:1.7;display:grid}.camera-footer>span:first-child{color:var(--camera-accent);font-family:var(--font-mono);font-size:.64rem}@media not (min-width:540px){.camera-header,.camera-lesson{padding:1.1rem}.camera-stage{grid-template-columns:1fr}.camera-viewport canvas{aspect-ratio:1.7;max-height:20svh}.camera-plate :is(button,input,a){scroll-margin-top:calc(var(--header-height) + 48svh)}.camera-controls{grid-template-columns:1fr;gap:1.15rem}.camera-plate .camera-lessons button{font-size:.62rem}.camera-transport{padding:.7rem}.camera-plate .camera-actions button{padding:.4rem .6rem}.camera-plate .camera-play{min-width:6.5rem}.camera-footer{padding:1rem 1.1rem}}@media print{.camera-plate{break-inside:avoid}.camera-stage{position:static}.camera-controls,.camera-launch,.camera-lessons,.camera-transport{display:none}}
.hex-diff{--hex-opcode:#8ab8ff;--hex-addressing:#bc9ce3;--hex-displacement:#e0c585;--hex-immediate:#7dcbb4;--hex-muted:#a1b5c0;background:var(--surface);border:1px solid var(--hairline);border-top:3px solid var(--gilt-ink);box-shadow:none;color:var(--on-surface);font:.8125rem/1.6 var(--font-sans);overflow-wrap:anywhere;border-radius:0;flex-direction:column;max-width:100%;margin:2rem 0;display:flex}html[data-theme=light] .hex-diff{--hex-opcode:#214aab;--hex-addressing:#723bba;--hex-displacement:#73520f;--hex-immediate:#22634f;--hex-muted:#505b6d}.hex-diff dd,.hex-diff dl,.hex-diff p,.hex-diff ul{margin:0}.hex-diff code{font:inherit;font-family:var(--font-mono);padding:0}.hex-diff button,.hex-diff code{color:inherit;background:0 0}.hex-diff button{border:1px solid var(--hairline);cursor:pointer;font:inherit;border-radius:2px;min-height:36px;padding:.35rem .55rem}.hex-diff button:disabled{cursor:default}.hex-diff :is(button,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hex-diff :is(button,summary){scroll-margin-block:calc(var(--header-height) + 1rem) 5rem}.hex-diff-header{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1rem;display:flex}.hex-diff-kicker,.hex-diff-pair-title,.hex-diff-version{color:var(--hex-muted);font:.6875rem/1.5 var(--font-mono)}.hex-diff .hex-diff-title{font:1.2rem/1.35 var(--font-serif);margin-top:.35rem}.hex-diff-tools{flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.hex-diff-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.hex-diff-pair{border-bottom:1px solid var(--hairline);grid-template-rows:auto 1fr 1fr;min-width:0;padding:.85rem;display:grid}.hex-diff-pair+.hex-diff-pair{border-left:1px solid var(--hairline)}.hex-diff-encoding{min-width:0;padding-top:.85rem}.hex-diff-bytes{gap:.25rem;margin:0 -.2rem;padding:.3rem .2rem;display:flex;overflow-x:auto}.hex-diff [data-role=opcode]{--hex-role:var(--hex-opcode)}.hex-diff [data-role=modrm],.hex-diff [data-role=prefix],.hex-diff [data-role=sib]{--hex-role:var(--hex-addressing)}.hex-diff [data-role=displacement]{--hex-role:var(--hex-displacement)}.hex-diff [data-role=immediate]{--hex-role:var(--hex-immediate)}.hex-diff [data-role=unknown]{--hex-role:var(--hex-muted)}.hex-diff .hex-diff-field{border-color:#0000;border-bottom-color:var(--hex-role);color:var(--hex-role);font:.9375rem/1.6 var(--font-mono);-webkit-user-select:text;user-select:text;white-space:pre;flex:none;padding:.3rem .4rem}.hex-diff-field[data-active=true]{background:color-mix(in srgb,var(--hex-role) 10%,transparent)}.hex-diff .hex-diff-field[aria-pressed=true]{border-color:var(--hex-role);border-style:dashed}.hex-diff-byte[data-changed=true],.hex-diff-change-key{outline-offset:2px;text-underline-offset:3px;outline:1px solid;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.hex-diff .hex-diff-assembly{white-space:pre-wrap;min-height:3em;margin-top:.5rem;font-size:.75rem;display:block}.hex-diff-assembly [data-active=true]{background:color-mix(in srgb,var(--hex-displacement) 14%,transparent);text-underline-offset:3px;text-decoration:underline}.hex-diff-context{color:var(--hex-muted);min-height:3em;padding-top:.5rem;font-size:.75rem}.hex-diff .hex-diff-legend{flex-wrap:wrap;gap:.5rem 1rem;padding:.85rem 1rem;font-size:.6875rem;list-style:none;display:flex}.hex-diff-legend li{align-items:center;gap:.5rem;padding:0;display:flex}.hex-diff-swatch{border-bottom:3px solid var(--hex-role);width:.7rem}.hex-diff-change-key{font:.625rem var(--font-mono);margin-inline:.15rem}.hex-diff-caption{color:inherit;font:.9375rem/1.65 var(--font-serif);text-align:left;background:0 0;padding:.35rem 1rem 1.1rem}.hex-diff-inspection{border-top:1px solid var(--hairline);order:1;padding:.85rem 1rem}.hex-diff-inspection-tools{color:var(--hex-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.hex-diff-inspection-tools button:disabled{visibility:hidden}.hex-diff-detail{min-height:9.5em}.hex-diff .hex-diff-detail-title{margin-bottom:.5rem;font-weight:600}.hex-diff .hex-diff-copy-status:not(:empty){padding:.25rem 1rem .85rem}.hex-diff-copy-status{order:2}.hex-diff-breakdown{border-top:1px solid var(--hairline);order:3}.hex-diff-breakdown summary{cursor:pointer;padding:.85rem 1rem;font-weight:600}.hex-diff-breakdown-content{padding:0 1rem 1rem}.hex-diff-breakdown-content>*+*,.hex-diff-breakdown-pair dl>*+*,.hex-diff-breakdown-pair>*+*{margin-top:.85rem}.hex-diff-copy-text code{-webkit-user-select:all;user-select:all;display:block}.hex-diff-breakdown-version{margin-bottom:.5rem}.hex-diff-breakdown dt{font-family:var(--font-mono);font-size:.75rem}.hex-diff-breakdown dd{padding-top:.25rem}.hex-diff[data-interactive=false] .hex-diff-inspection-tools,.hex-diff[data-interactive=false] .hex-diff-tools{visibility:hidden}html:not(.js) .hex-diff[data-interactive=false] .hex-diff-inspection-tools,html:not(.js) .hex-diff[data-interactive=false] .hex-diff-tools{display:none}@media (pointer:coarse){.hex-diff button{min-width:44px;min-height:44px}}@media (max-width:600px){.hex-diff-comparison{grid-template-columns:minmax(0,1fr)}.hex-diff-pair+.hex-diff-pair{border-left:0}}@media print{.hex-diff,html[data-theme=light] .hex-diff{--hex-opcode:#000;--hex-addressing:#000;--hex-displacement:#000;--hex-immediate:#000;--hex-muted:#000;color:#000;background:0 0;border-color:#000}.hex-diff-copy-status,.hex-diff-inspection,.hex-diff-tools{display:none}.hex-diff .hex-diff-field{color:#000;background:0 0;border:0}.hex-diff-byte[data-changed=true]{outline:1px solid #000;text-decoration:underline}.hex-diff-breakdown::details-content{content-visibility:visible}.hex-diff-breakdown>.hex-diff-breakdown-content{display:block}.hex-diff-breakdown-pair dl>div,.hex-diff-pair{break-inside:avoid}.hex-diff-bytes{flex-wrap:wrap;overflow:visible}}