.pull-cord{z-index:3;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:15px;width:72px;height:144px;margin:0;padding:0;position:absolute;top:56px;right:clamp(56px,7vw,116px)}.pull-cord:active{cursor:grabbing}.pull-cord:before{content:"";position:absolute;inset:0 -12px -12px}.cord-label{color:var(--secondary,var(--muted));font:12px var(--sans,Inter, Pretendard, system-ui, sans-serif);letter-spacing:.035em;white-space:nowrap;pointer-events:none;opacity:1;position:absolute;top:145px;left:50%;transform:translate(-50%)}.pull-cord:focus-visible{outline:2px solid var(--control-ink,var(--ink));outline-offset:3px}.pull-switch-scene{pointer-events:none;width:72px;height:250px;display:block}.pull-cord.render-unavailable .pull-switch-scene{display:none}.pull-cord.render-unavailable .cord-label{opacity:1;border:1px solid var(--line);background:var(--surface,#eeede8);border-radius:20px;padding:12px;top:76px}@media (width<=760px){.pull-cord{top:56px;right:22px}}@font-face{font-family:Inter Local;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter Local;src:url(/fonts/google/inter-600-latin.woff2)format("woff2");font-weight:600;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#161615;--muted:#77736d;--line:#16161533;--secondary:#65615b;--surface:#f8f7f3c2;--control-line:#504b4152;--control-ink:#555149;--accent:#897553;--serif:"Times New Roman", Times, "Noto Serif KR", serif;--sans:"Inter Local", Pretendard, "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 21% 45%,#ffffffeb,#0000 34%),radial-gradient(circle at 78% 42%,#ffffff70,#0000 28%),linear-gradient(118deg,#e2dfd8 0%,#f3f1ec 47%,#ddd9d1 100%);margin:0;overflow:hidden}:root[data-room=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6e4df;--muted:#a2a4a7;--secondary:#a6a8ad;--line:#dfe1e529;--surface:#1d2129db;--control-line:#dde2ed54;--control-ink:#d8dce4;--accent:#d0b991}:root[data-room=dark] body{background:#0d1016}body:before{content:"";z-index:10;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:no-preference){#beam-ui .label{transition:opacity .44s .15s,fill .55s}}.hero{isolation:isolate;width:100%;min-height:100svh;position:relative}#prism-canvas{z-index:-1;cursor:default;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#prism-canvas:focus-visible{outline-offset:-3px;outline:2px solid #77736d}#beam-ui{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#beam-ui .handle{opacity:.8}#beam-ui .handle.is-lit{opacity:1}#beam-ui .grip{fill:url(#grip-surface);stroke:var(--control-line);stroke-width:.85px;filter:url(#grip-shadow)}#beam-ui .grip-top{stop-color:#fffffd;stop-opacity:.94}#beam-ui .grip-bottom{stop-color:#e5e3dc;stop-opacity:.82}:root[data-room=dark] #beam-ui .grip-top{stop-color:#444b58}:root[data-room=dark] #beam-ui .grip-bottom{stop-color:#171d27}#beam-ui .inner-rim{fill:none;stroke:#fff;stroke-opacity:.6;stroke-width:.65px}:root[data-room=dark] #beam-ui .inner-rim{stroke-opacity:.14}#beam-ui .grip-glyph{fill:none;stroke:var(--control-ink);stroke-width:.95px;stroke-linecap:round;stroke-linejoin:round}#beam-ui .halo{fill:none;stroke:var(--accent);stroke-width:.7px;opacity:0}#beam-ui .is-lit .halo{opacity:.4}#beam-ui .is-active .halo{opacity:.8}#beam-ui .is-active .grip{stroke:var(--accent)}#beam-ui .pip{fill:var(--accent)}#beam-ui .guide{fill:none;stroke:var(--control-ink);stroke-opacity:.34;stroke-width:.75px;stroke-linecap:round}#beam-ui .rail{fill:none;stroke:var(--accent);stroke-opacity:.6;stroke-width:1px;stroke-linecap:round}#beam-ui .arc{fill:none;stroke:var(--accent);stroke-width:1px;stroke-linecap:round}#beam-ui .readout-surface{fill:var(--surface);stroke:var(--control-line);stroke-width:.6px}#beam-ui .angle{fill:var(--control-ink);font-family:var(--sans);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:14px;font-weight:400}#beam-ui .label{fill:var(--control-ink);font-family:var(--sans);letter-spacing:.035em;text-anchor:middle;opacity:0;font-size:12px;font-weight:400}#beam-ui .label.is-shown{opacity:1}#beam-ui .readout-symbol{fill:var(--muted);font:italic 14px var(--serif)}@media (prefers-reduced-motion:no-preference){#beam-ui .handle,#beam-ui .halo{transition:opacity .2s}body,.caption,.index,.prompt,.kicker{transition:color .55s,background-color .55s,border-color .55s}}#render-status{width:min(80%,420px);font-size:14px;line-height:1.6;position:absolute;top:65%;left:50%;transform:translate(-50%)}.copy{z-index:2;pointer-events:none;position:absolute;top:clamp(122px,17vh,170px);left:clamp(24px,3vw,48px)}.kicker{color:var(--secondary);letter-spacing:.18em;margin:0 0 22px 3px;font-size:.64rem}h1{font-family:var(--serif);letter-spacing:-.09em;margin:0;font-size:clamp(6.5rem,12vw,12.5rem);font-weight:400;line-height:.7}.statement{letter-spacing:-.045em;word-break:keep-all;margin:clamp(32px,6vh,66px) 0 0 5px;font-size:clamp(1.4rem,2.4vw,2.35rem);font-weight:400;line-height:1.23}.caption{z-index:2;border-top:1px solid var(--line);width:min(390px,33vw);color:var(--muted);letter-spacing:.13em;padding-top:11px;font-size:.56rem;position:absolute;bottom:32px;left:clamp(24px,3vw,48px)}.caption p{justify-content:space-between;margin:0;display:flex}.caption p+p{margin-top:7px}.caption p:last-child{justify-content:flex-end}.reflection-toggle{z-index:3;border:1px solid var(--control-line);background:var(--surface);min-height:44px;color:var(--control-ink);font:12px var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;top:236px;right:clamp(24px,3vw,48px)}.reflection-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reflection-track{border:1px solid var(--control-line);border-radius:10px;width:28px;height:16px}.reflection-track:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;margin:2px;display:block}.reflection-toggle[aria-checked=true] .reflection-track{background:var(--accent);border-color:var(--accent)}.reflection-toggle[aria-checked=true] .reflection-track:after{background:var(--surface);transform:translate(12px)}.prompt{z-index:2;color:var(--muted);align-items:center;gap:9px;margin:0;font-size:.65rem;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.prompt span{background:#fb4637;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #fb46371c}.experiment-footer{z-index:2;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:12px;right:clamp(24px,3vw,48px)}.index{color:var(--muted);letter-spacing:.13em;margin:0;font-size:.56rem}.license-trigger{min-height:30px;color:var(--secondary);font:12px var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0 0 8px;display:inline-flex}.license-trigger:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.license-trigger:focus-visible,.license-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.license-dialog{overscroll-behavior:contain;border:1px solid var(--control-line);width:min(560px,100% - 40px);max-height:calc(100svh - 48px);color:var(--ink);background:#eeece6;border-radius:12px;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #0003,inset 0 1px #fff6}:root[data-room=dark] .license-dialog{background:#1b2029;box-shadow:0 24px 80px #0008}.license-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11131866}.license-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.license-heading h2{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:600}.license-close{border:1px solid var(--line);width:44px;height:44px;color:var(--secondary);font:24px var(--sans);cursor:pointer;background:0 0;border-radius:50%;padding:0}.license-close:hover{color:var(--ink);background:var(--surface)}#license-copy{color:var(--secondary);word-break:keep-all;font-size:16px;line-height:1.7}#license-copy p{margin:0}#license-copy p+p{margin-top:8px}#license-copy a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--control-line);text-decoration-color:var(--control-line)}#license-copy a:hover{text-decoration-color:currentColor}#license-copy code{overflow-wrap:anywhere;font:.84em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#license-copy .src-path{background:var(--surface);color:var(--muted);border-radius:6px;margin-top:8px;padding:7px 10px;font-size:.78em;line-height:1.5;display:block}#license-copy h3{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:24px 0 8px;font-size:.58rem;font-weight:500}#license-copy h3:after{content:"";border-top:1px solid var(--line);margin-top:8px;display:block}#license-copy pre{color:var(--muted);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;margin:0;font:11.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#license-copy ul{margin:0;padding-left:1.1em;font-size:.82rem;line-height:1.65}#license-copy li+li{margin-top:6px}@media (width<=760px){#prism-canvas,#beam-ui{height:100%;top:0}.pull-cord{top:56px;right:22px}.reflection-toggle{top:300px;right:20px}.copy{top:103px;left:20px}.kicker{margin-bottom:16px}h1{font-size:clamp(5.5rem,27vw,8.2rem)}.statement{margin-top:28px;font-size:1.4rem}.caption{width:calc(100% - 40px);bottom:54px;left:20px}.experiment-footer{bottom:10px;right:20px}.index,.prompt{display:none}}@media (prefers-reduced-motion:reduce){#prism-canvas{cursor:default}}.lk{fill:currentColor;flex:none;width:auto}.lk-lab,.lk-kr,.lk-kr-wide{vertical-align:-.25em;height:1.29em}.lk-nav-lab{vertical-align:-.28em;height:1.445em}.hero{-webkit-user-select:none;user-select:none}.wall{z-index:-2;filter:brightness(calc(.065 + var(--room-illumination,1)*.935)) saturate(calc(.25 + var(--room-illumination,1)*.75));background:linear-gradient(#f7f6f31a,#f7f6f31a),url(/static/foliage-wall-rQd31p-W.png) 50%/cover;position:absolute;inset:0}.stage{touch-action:none;position:absolute;inset:33% 0 15%}#lens-canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}#stage-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-label{font:12px var(--sans);color:var(--secondary);white-space:nowrap;text-shadow:0 1px 8px var(--surface);position:absolute;transform:translate(-50%,-50%)}.stage-label.focus{font:italic 17px var(--serif)}.stage-label.handle{border:1px solid var(--control-line);background:var(--surface);width:28px;height:28px;color:var(--control-ink);border-radius:50%;place-items:center;font-size:17px;display:grid;box-shadow:0 2px 6px #0002}.stage-label.measure{font-variant-numeric:tabular-nums;font-size:12px}.handle-caption{font:12px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--secondary);white-space:nowrap;pointer-events:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.segmented{border:1px solid var(--control-line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--secondary);font:14px var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:23px;flex:1;min-height:42px;padding:10px 8px}.segmented button[aria-pressed=true]{background:var(--control-ink);color:var(--surface);box-shadow:0 2px 7px #0001}.minor-controls{justify-content:flex-end;gap:14px;margin-top:12px;display:flex}.minor-controls button{min-height:38px;color:var(--secondary);font:13px var(--sans);cursor:pointer;background:0 0;border:0;padding:6px 2px}.minor-controls button[aria-pressed=true]{color:var(--ink);text-underline-offset:5px;text-decoration:underline}#reset{padding:0 8px;font-size:22px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:24px;margin:12px 0 0;display:block}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.screen-readout{pointer-events:none;align-items:center;gap:18px;max-width:380px;display:flex;position:absolute;bottom:105px;left:clamp(24px,3vw,48px)}.screen-preview{border:1px solid var(--control-line);background:var(--surface);border-radius:5px;flex:none;width:70px;height:94px;padding:5px;box-shadow:0 4px 14px #0001}#screen-preview{background:#121719;border-radius:2px;width:100%;height:100%}.readout-heading{letter-spacing:.15em;color:var(--muted);margin:0 0 8px;font-size:10px}#image-status{color:var(--ink);margin:0;font-size:16px}#image-detail{color:var(--secondary);word-break:keep-all;margin:6px 0 0;font-size:12px;line-height:1.5}.prompt{white-space:nowrap;font-size:12px}.prompt #prompt-text{width:auto;height:auto;box-shadow:none;background:0 0}.caption{width:min(390px,32vw);font-size:10px}.index{font-size:10px}.kicker{font-size:11px}[hidden]{display:none!important}.explanation{color:var(--secondary);word-break:keep-all;font-size:15px;line-height:1.85}.explanation p{margin:0 0 17px}.explanation a{text-underline-offset:3px;text-decoration:underline}#render-status{text-align:center;pointer-events:none;top:56%}@media (width>=1500px){.stage{top:29%;bottom:13%}}@media (width<=760px){.copy{top:120px}.copy h1{font-size:105px}.statement{margin-top:30px;font-size:23px}.kicker{font-size:10px}.controls{width:220px;top:250px;right:20px}.pull-cord{right:24px}.stage{top:42%;bottom:19%}.screen-readout{gap:12px;max-width:300px;bottom:105px}.screen-preview{width:48px;height:65px}.readout-heading{font-size:9px}#image-status{font-size:14px}#image-detail{font-size:11px}.caption{width:calc(100% - 48px);max-width:350px;font-size:9px;bottom:53px}.prompt{font-size:11px;bottom:103px;left:auto;right:24px;transform:none}.hero[data-mode=image] .prompt{display:none}.experiment-footer{bottom:10px}.index{font-size:9px}#settings{max-height:32svh}.stage-label{font-size:11px}.stage-label.handle{width:25px;height:25px}}@media (width<=440px){.copy{top:115px;left:22px}.controls{grid-template-columns:1.15fr 1fr;gap:8px;width:auto;display:grid;top:250px;left:22px;right:22px}.segmented button{min-height:38px;padding:8px 5px;font-size:12px}.lens-choice{margin:0}.lens-choice span{margin-right:2px;font-size:17px}.minor-controls{grid-column:1/-1;margin-top:0}#settings{grid-column:1/-1;width:240px;position:absolute;top:94px;right:0}.stage{top:43%;bottom:22%}.statement{font-size:21px}.prompt{bottom:115px;right:22px}.stage-label.measure{font-size:10px}}@media (height<=620px) and (width>=761px){.copy{top:100px}h1{font-size:95px}.statement{margin-top:25px;font-size:22px}.controls{top:105px;right:110px}.pull-cord{right:18px}.stage{top:29%;bottom:14%}.screen-readout{bottom:78px}.screen-preview{width:45px;height:60px}.caption{bottom:18px}.prompt{bottom:25px}}@media (prefers-reduced-motion:reduce){.wall{transition:none}}.hero .stage{top:0;bottom:0}.lens-dock{z-index:3;width:224px;max-width:calc(100% - 40px);color:var(--control-ink);position:absolute;top:78%;left:50%;transform:translate(-50%)}.lens-dock .lens-choice{background:var(--surface);border:1px solid var(--control-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:4px;margin:0;padding:4px;box-shadow:0 4px 16px #302a2110,inset 0 1px #ffffff45}.lens-dock .lens-choice button{justify-content:center;align-items:center;gap:9px;min-height:44px;padding:7px 13px;font-size:14px;transition:background-color .18s,color .18s,box-shadow .18s;display:flex}.lens-dock .lens-choice button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--control-line),0 1px 4px #00000009;background:#fffffdb8}.lens-dock .lens-choice button:hover{color:var(--ink)}.lens-dock .lens-choice span{font:inherit;letter-spacing:0;margin:0}.lens-dock .lens-choice svg{fill:currentColor;fill-opacity:.08;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round;flex:none;width:20px;height:26px}.lens-dock .lens-choice button[aria-pressed=true] svg{fill-opacity:.19}.lens-focal-readout{text-align:center;white-space:nowrap;color:var(--secondary);letter-spacing:.025em;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:12px}:root[data-room=dark] .lens-dock .lens-choice{box-shadow:0 4px 18px #0003,inset 0 1px #ffffff0a}:root[data-room=dark] .lens-dock .lens-choice button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--control-line);background:#e1e1db1a}@media (width<=440px){.controls{display:block}.controls .minor-controls{margin-top:10px}.lens-dock{width:208px}}@media (prefers-reduced-motion:reduce){.lens-dock .lens-choice button{transition:none}}.ray-highlight{pointer-events:none;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0;overflow:hidden}.ray-highlight.is-visible{opacity:1}.ray-highlight path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ray-highlight__outline{stroke:#716047;stroke-width:2.6px;opacity:.3}.ray-highlight__glow{stroke:#ffc400;stroke-width:5px;opacity:.13;filter:blur(1.8px)}.ray-highlight__core{stroke-width:1.15px}.ray-highlight__internal{stroke:#ffc400;stroke-width:1.5px;opacity:.45;filter:blur(.45px)}.ray-highlight__joint{fill:#ffc400;stroke:#897553;stroke-width:.5px;opacity:.8}.ray-highlight__pin-ring{fill:var(--surface);stroke:var(--accent);stroke-width:.75px}.ray-highlight__pin-dot{fill:#ffc400}:root[data-room=dark] .ray-highlight__outline{stroke:#07090c;stroke-width:3px;opacity:.65}:root[data-room=dark] .ray-highlight__glow{stroke-width:6px;opacity:.22;filter:blur(2.4px)}:root[data-room=dark] .ray-highlight__core{stroke-width:1.35px}:root[data-room=dark] .ray-highlight__joint{stroke:#d0b991;opacity:.9}@media (prefers-reduced-motion:reduce){.ray-highlight{transition:none}}.mode-switch{z-index:4;width:300px;max-width:calc(100% - 48px);color:var(--control-ink);position:absolute;top:80px;left:50%;transform:translate(-50%)}.mode-choice button{justify-content:center;align-items:center;gap:9px;display:flex}.mode-choice svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:24px}.mode-choice button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--control-line),0 1px 4px #00000009;background:#fffffdb8}.mode-switch .minor-controls{justify-content:center;gap:20px;margin-top:4px}.mode-hint{text-align:center;width:340px;max-width:calc(100vw - 32px);color:var(--secondary);opacity:0;pointer-events:none;word-break:keep-all;margin:4px 0 0;font-size:12px;line-height:1.6;transition:opacity .25s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mode-hint.is-visible{opacity:1}.lens-adjustment{padding:13px 14px 0}.lens-adjustment label,.target-panel label{color:var(--control-ink);font-size:12px;display:block}.lens-adjustment output,.target-panel output{float:right;color:var(--secondary);font-variant-numeric:tabular-nums;font-size:11px}.lens-adjustment input{margin:5px 0 0}.range-ends{color:var(--secondary);justify-content:space-between;margin:0;font-size:10px;display:flex}.lens-view-control{color:var(--secondary);justify-content:space-between;align-items:center;margin-top:7px;font-size:10px;display:flex}.lens-view-control button{border:1px solid var(--control-line);min-height:32px;color:var(--secondary);font:11px var(--sans);cursor:pointer;background:0 0;border-radius:16px;padding:4px 9px}.lens-view-control button[aria-pressed=true]{color:var(--ink);background:var(--surface)}.target-dock{z-index:3;color:var(--control-ink);width:86px;position:absolute;transform:translate(-50%)}.target-adjust{position:relative}.target-adjust summary{border:1px solid var(--control-line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;white-space:nowrap;border-radius:22px;justify-content:center;align-items:center;gap:9px;min-height:36px;padding:4px 12px;font-size:12px;list-style:none;display:flex;box-shadow:0 3px 12px #302a210c}.target-adjust summary::-webkit-details-marker{display:none}.target-adjust summary span{font-size:15px;transition:transform .18s}.target-adjust[open] summary span{transform:rotate(45deg)}.target-adjust summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.target-panel{box-sizing:border-box;background:var(--surface);border:1px solid var(--control-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;width:190px;padding:14px;position:absolute;bottom:calc(100% + 8px);box-shadow:0 6px 22px #302a2115}.target-panel label+label{margin-top:14px}.target-panel input{margin:5px 0 0}.target-dock:has(details[open]){z-index:5}.object-dock,.screen-handle-dock{text-align:center;width:124px}.distance-handle{border:1px solid var(--control-line);background:var(--surface);width:36px;height:36px;color:var(--control-ink);font:20px var(--sans);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;margin:0 auto;padding:0;display:grid;box-shadow:0 2px 6px #0002}.distance-handle.is-dragging{cursor:grabbing}#object-distance,#screen-distance{color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;margin:7px 0 0;font-size:11px}.hero[data-coaching=image] .distance-handle{animation:1.6s ease-out 2 handle-invite}@media (prefers-reduced-motion:reduce){.hero[data-coaching=image] .distance-handle{outline:2px solid var(--accent);outline-offset:4px;animation:none}}.screen-dock{width:268px}.screen-dock .target-adjust{width:96px;margin:0 auto}.screen-dock .screen-readout{align-items:center;gap:12px;max-width:none;margin:10px 0 0;display:flex;position:static}.screen-dock .screen-preview{border-radius:7px;width:96px;height:128px;padding:4px;box-shadow:0 5px 18px #0002}.screen-dock #screen-display-label{color:var(--ink);margin:0 0 9px;font-size:13px}.screen-dock .readout-heading{letter-spacing:.08em;margin:0 0 5px;font-size:8px}.screen-dock #image-status{word-break:keep-all;font-size:12px;line-height:1.5}.screen-dock #image-detail{margin-top:4px;font-size:10px;line-height:1.5}@media (width<=760px){.screen-dock{width:240px}.screen-dock .screen-preview{width:84px;height:112px}}:root[data-room=dark] .mode-choice button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--control-line);background:#e1e1db1a}.hero[data-coaching=beam] .handle-height,.hero[data-coaching=beam] .handle-angle,.hero[data-coaching=beam] .handle-width,.hero[data-coaching=image] .handle-object,.hero[data-coaching=image] .handle-screen{animation:1.6s ease-out 2 handle-invite}@keyframes handle-invite{0%,to{box-shadow:0 2px 6px #0002}45%{box-shadow:0 0 0 7px #b09b7730,0 0 0 13px #b09b7710}}@media (width<=760px){.copy{top:185px}.copy h1{font-size:88px}.statement{margin-top:22px;font-size:21px}.mode-switch{top:76px}.mode-hint{font-size:11px}.prompt{display:none}}@media (height<=620px) and (width>=761px){.mode-switch{top:66px}.mode-switch .minor-controls{margin:0;position:absolute;top:5px;left:calc(100% + 12px)}.mode-hint{margin-top:7px}}@media (prefers-reduced-motion:reduce){.mode-hint,.target-adjust summary span{transition:none}.hero[data-coaching] .stage-label.handle{outline:2px solid var(--accent);outline-offset:4px;animation:none}}.source-menu{z-index:5;color:var(--control-ink);position:absolute;top:45%;left:20px}.source-toggle{border:1px solid var(--control-line);background:var(--surface);width:36px;height:40px;color:var(--control-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:10px 18px 18px 10px;place-items:center;padding:0;display:grid;box-shadow:0 3px 12px #302a2110}.source-toggle svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .18s}.source-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.source-current{width:max-content;color:var(--secondary);pointer-events:none;font-size:11px;position:absolute;top:12px;left:46px}.source-toggle[aria-expanded=true]~.source-current{visibility:hidden}.source-options{border:1px solid var(--control-line);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:16px;width:250px;max-width:calc(100vw - 88px);padding:8px;position:absolute;top:0;left:48px;box-shadow:0 8px 30px #302a2120}.source-heading{letter-spacing:.04em;color:var(--secondary);margin:6px 10px 8px;font-size:10px}.source-options button{width:100%;min-height:58px;color:var(--secondary);text-align:left;font:12px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 8px;display:flex}.source-options button svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;flex:none;width:25px;height:24px}.source-options button small{color:var(--secondary);word-break:keep-all;margin-top:5px;font-size:10px;line-height:1.4;display:block}.source-check{opacity:0;margin-left:auto;font-size:13px}.source-options button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--control-line);background:#fffffda3}.source-options button[aria-pressed=true] .source-check{opacity:1}.source-options button:hover{color:var(--ink);background:#89755317}.source-menu .mode-hint{text-align:left;width:240px;max-width:calc(100vw - 48px);margin:0;font-size:11px;top:80px;left:0;transform:none}.source-menu:has(.source-toggle[aria-expanded=true]) .mode-hint{visibility:hidden}.scene-tools{z-index:4;gap:20px;margin:0;position:absolute;top:80px;left:50%;transform:translate(-50%)}.lens-heading{z-index:4;text-align:center;white-space:nowrap;color:var(--secondary);font:12px/16px var(--sans);pointer-events:none;position:absolute;top:24%;left:50%;transform:translate(-50%)}.lens-heading p{text-shadow:0 1px 8px var(--surface);margin:0}.lens-heading #guides{min-height:28px;color:var(--secondary);font:11px/16px var(--sans);cursor:pointer;pointer-events:auto;text-underline-offset:3px;background:0 0;border:0;border-radius:5px;margin:3px auto 0;padding:4px 8px;display:block}.lens-heading #guides:hover{color:var(--ink);text-decoration:underline}.lens-heading #guides[aria-pressed=true]{color:var(--control-ink)}:root[data-room=dark] .source-options button[aria-pressed=true]{background:#e1e1db1a}@media (width<=760px){.source-menu{left:12px}.source-options{max-width:calc(100vw - 76px)}.scene-tools{top:76px}}@media (prefers-reduced-motion:reduce){.source-toggle svg{transition:none}}.light-distribution{border-top:1px solid var(--control-line);margin-top:8px;padding:10px 4px 4px}.light-distribution .source-heading{margin:0 6px 9px}.distribution-toggle{border:1px solid var(--control-line);border-radius:12px;gap:4px;padding:3px;display:flex}.source-options .distribution-toggle button{border-radius:8px;justify-content:center;width:50%;min-height:34px;padding:7px 12px}.lens-touch-target{display:none}@media (width<=760px){body{overflow:hidden auto}.hero{--bench-height:max(760px,100svh,calc(590px + 30vw));min-height:calc(var(--bench-height) + 160px)}.hero .stage{height:var(--bench-height);touch-action:pan-y;top:0;bottom:auto}#lens-canvas{touch-action:pan-y}.copy{pointer-events:none;top:82px;left:22px}.copy .kicker{letter-spacing:.12em;margin-bottom:22px;font-size:9px}.copy h1{font-size:76px}.copy .statement{margin:19px 0 0 2px;font-size:20px;line-height:1.25}.pull-cord{width:54px;height:94px;top:54px;right:14px}.pull-cord .pull-switch-scene{transform-origin:top;margin-left:-9px;transform:scale(.7)}.pull-cord .cord-label{font-size:10px;top:102px}.screen-dock{pointer-events:none;width:calc(100% - 40px);max-width:290px;right:18px;transform:none;top:230px!important;left:auto!important}.screen-dock .screen-readout{justify-content:flex-end;gap:12px;margin:0}.screen-dock .screen-preview{width:51px;height:68px;padding:3px}.screen-dock .screen-readout>div:last-child{width:170px}.screen-dock #screen-display-label{margin-bottom:5px;font-size:11px}.screen-dock #image-status{font-size:11px}.screen-dock #image-detail{font-size:10px;line-height:1.4}.lens-heading{font-size:10px}.lens-heading #guides{min-height:36px}.lens-dock{width:216px}.lens-adjustment{padding-top:10px}.lens-adjustment input{min-height:32px}.lens-view-control{margin-top:4px}.lens-view-control button{min-height:40px}.source-current{text-align:center;white-space:normal;word-break:keep-all;width:44px;font-size:9px;line-height:1.4;top:46px;left:0}.source-toggle{touch-action:manipulation;width:40px;height:44px}.source-menu .mode-hint{max-width:calc(100vw - 48px);font-size:10px}.stage-label.handle{pointer-events:auto;touch-action:none;width:28px;height:28px}.stage-label.handle:before{content:"";position:absolute;inset:-10px}.handle-caption{font-size:10px;top:calc(100% + 7px)}.lens-touch-target{touch-action:none;z-index:1;display:block;position:absolute}.object-dock,.screen-handle-dock{width:88px}.distance-handle{width:44px;height:44px;font-size:20px}#object-distance,#screen-distance{margin-top:5px;font-size:10px}.caption{top:calc(var(--bench-height) + 24px);width:calc(100% - 44px);max-width:none;bottom:auto;left:22px}.experiment-footer{top:calc(var(--bench-height) + 86px);bottom:auto;left:22px;right:22px}.experiment-footer .license-trigger{min-height:44px}}.lens-dock{width:294px}.lens-dock .lens-choice button{gap:7px;padding-left:10px;padding-right:10px}.lens-adjustment:has(input:disabled) .range-ends{visibility:hidden}.lens-adjustment input:disabled{opacity:.35;cursor:default}@media (width<=760px){.lens-dock{width:274px}}.target-dock:before{content:"";height:var(--stem-extension,0px);border-left:1px solid var(--control-line);pointer-events:none;position:absolute;bottom:100%;left:50%}