.deterministic-hero{grid-template-columns:.95fr 1.15fr;gap:6%;align-items:center;padding-top:42px;padding-bottom:45px}.hero-visual{min-width:0;position:relative;--scene-line:#c8d1c4;color:#28493d}.scene-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--scene-line);padding-bottom:11px;gap:10px}.scene-header>span{font-size:10px;letter-spacing:.025em}.scene-header>div{display:flex;gap:12px}.scene-header button,.scene-tools button{border:0;background:none;padding:5px 0;font:10px/1.3 var(--sans);color:#4a6657;cursor:pointer}.scene-viewport{position:relative;height:335px;min-width:0;overflow:hidden}.scene-viewport>canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.scene-viewport>canvas:active{cursor:grabbing}.scene-labels{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:space-between;align-items:end;padding:0 8px 10px}.scene-labels span{font:9px/1.5 var(--sans);color:#647d6b;max-width:100px}.scene-labels span:last-child{text-align:right}.scene-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#718271;margin-top:-2px;padding:0 0 9px}.scene-tools>div{display:flex;gap:12px}.scene-stages{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--scene-line);gap:0}.scene-stages button{border:0;background:transparent;color:#657c69;padding:12px 6px;text-align:left;font:11px/1.5 var(--sans);cursor:pointer;border-bottom:2px solid transparent}.scene-stages button span{font-size:9px;margin-right:6px;color:#8a9b87}.scene-stages button[aria-pressed=true]{color:#274c3b;border-bottom-color:#8a9d73;background:#edf1e6}.scene-explanation{padding-top:15px;min-height:95px}.scene-explanation h2{font-family:var(--sans);font-size:18px!important;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;line-height:1.35}.scene-explanation p{font-size:12px!important;line-height:1.7!important;margin:0;max-width:65ch}.scene-tag{font-size:9px;color:#69806a;margin:10px 0}.scene-layers{display:flex;gap:7px 14px;flex-wrap:wrap;padding-block:10px;border-block:1px solid var(--scene-line)}.scene-layers button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font:9px/1.3 var(--sans);color:#597260;cursor:pointer}.scene-layers i{width:5px;height:5px;background:var(--dot);border-radius:50%}.scene-layers button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.scene-inspector{margin-top:9px;font-size:10px}.scene-inspector>summary{cursor:pointer;padding:6px 0;color:#5d725e}.scene-inspector label{display:block;margin:12px 0 8px;color:#5a745d}.scene-inspector select{width:100%;background:#f1f4eb;border:1px solid var(--scene-line);padding:9px;font:11px var(--sans);color:#304d3d}.scene-record{margin-top:12px;max-height:230px;overflow:auto;padding:14px;background:#eff3e9;border:1px solid var(--scene-line);line-height:1.8}.scene-record strong{font-size:13px;font-weight:500}.scene-record p{font-size:12px!important;line-height:1.75!important}.scene-record small{display:block;font-size:9px;color:#6b7b67}.scene-record a{display:inline-block;margin-top:10px;font-size:10px;border-bottom:1px solid #aebca5}.scene-record pre{font:10px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.scene-scope{font-size:9px!important;line-height:1.65!important;color:#758371;margin:10px 0 0}.hero-visual button:focus-visible,.scene-inspector summary:focus-visible{outline:2px solid #8a9d73;outline-offset:3px}.hero-visual:fullscreen,.hero-visual.scene-expanded{background:#f7f8f4;padding:25px;overflow:auto}.hero-visual:fullscreen .scene-viewport,.hero-visual.scene-expanded .scene-viewport{height:55vh}.hero-visual:fullscreen .scene-explanation{min-height:0}.hero-visual:fullscreen .scene-record{max-height:20vh}.scene-expanded{position:fixed;inset:15px;z-index:100}.scene-layers [data-scene-layer=words]{--dot:#748f80}.scene-layers [data-scene-layer=ontology]{--dot:#4e788d}.scene-layers [data-scene-layer=records]{--dot:#2e5947}.scene-layers [data-scene-layer=context]{--dot:#ad814b}.scene-layers [data-scene-layer=generation]{--dot:#946653}@media(max-width:1050px) and (min-width:801px){.deterministic-hero{gap:4%;grid-template-columns:.9fr 1.2fr}.scene-stages button{font-size:10px}.scene-stages button span{display:block}.scene-viewport{height:310px}}@media(max-width:800px){.deterministic-hero{grid-template-columns:1fr;gap:38px;padding-top:35px;padding-bottom:40px}.hero-visual{max-width:650px;width:100%;margin-inline:auto}.scene-viewport{height:320px}.scene-explanation{min-height:88px}.scene-stages button{font-size:10px}.scene-layers{gap:5px 12px}.scene-scope{font-size:9px!important}.hero-visual:fullscreen{padding:15px}.scene-header>span{font-size:9px}.hero-visual:fullscreen .scene-viewport{height:45vh}}@media print{.scene-viewport{display:none}.scene-tools,.scene-header button{display:none}}
