@font-face{font-family:Optimus;src:url(/OptimusPrincepsSemiBold.ttf)format("truetype");font-display:swap}:root{color:#222523;--paper:#f6f5f1;--panel:#f6f5f1;--ink:#222523;--muted:#686c69;--line:#dedfd8;--accent:#066aff;--scene:#fff;--hover:#eaece4;--selected:#e1e9f4;--scene-ink:#222523;background:#f6f5f1;font-family:Arial,Helvetica,sans-serif}:root[data-theme=dark]{--paper:#111315;--panel:#171a1c;--ink:#f0f0e9;--muted:#a1a6a4;--line:#35393b;--accent:#a9caff;--scene:#000;--hover:#252a2d;--selected:#283d55;--scene-ink:#f0f0e9;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,.canvas-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:3px}button{background:0 0;border:0}button:hover{background:var(--hover)}.site-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}.wordmark{letter-spacing:2px;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--accent);font-size:28px;line-height:1}.wordmark-sub{letter-spacing:0;color:var(--muted);font-family:monospace;font-size:11px;font-weight:400}.header-actions{align-items:center;gap:24px;display:flex}.text-button{padding:8px;font-size:12px}.text-button span{color:var(--muted);margin-left:8px}.theme-button{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.collection-link{font-size:11px;text-decoration:none}.collection-link:hover{text-decoration:underline}.object-picker{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:22px}.object-credit{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.loading-message button{border:1px solid;margin:12px auto 0;padding:8px 12px;display:block}.theme-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px}.workspace{grid-template-columns:minmax(0,1fr) 320px;height:calc(100svh - 108px);min-height:600px;display:grid}.study-stage{background:var(--scene);color:var(--scene-ink);min-width:0;position:relative;overflow:hidden}.canvas-wrap{touch-action:none;position:absolute;inset:0}.canvas-wrap canvas{display:block}.stage-meta{text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:2;justify-content:space-between;font:10px monospace;display:flex;position:absolute;top:27px;left:30px;right:30px}.stage-meta>span:first-child{align-items:center;gap:8px;display:flex}.live-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.live-dot.ready{background:var(--accent)}.stage-title{pointer-events:none;position:absolute;bottom:98px;left:30px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font:9px monospace}h1{letter-spacing:-2px;margin:15px 0 0;font:400 64px/.96 Optimus,Georgia,serif}.title-dot{color:var(--accent)}.stage-tools{grid-template-columns:1fr 1fr;gap:5px;max-width:300px;display:grid;position:absolute;bottom:90px;right:30px}.stage-tools button{white-space:nowrap;text-align:left;border:1px solid var(--line);background:var(--scene);padding:10px 12px;font-size:10px}.stage-tools button:hover{background:var(--hover)}.stage-tools button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.stage-footer{color:var(--muted);justify-content:space-between;gap:20px;font:9px monospace;display:flex;position:absolute;bottom:26px;left:30px;right:30px}.stage-footer>span:first-child span{padding:0 8px}.object-caption{font-size:8px}.settings-panel{background:var(--panel);border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:27px 24px 20px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.panel-heading h2{letter-spacing:-.5px;margin:8px 0 0;font:400 24px Georgia,serif}.panel-index{color:var(--muted);font:9px monospace}.control-section{border-top:1px solid var(--line);padding:20px 0}h3{gap:10px;margin:0 0 18px;font-size:11px;font-weight:500;display:flex}h3>span{color:var(--muted);font:9px monospace}.presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.presets button{border:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding:10px 4px 8px;font-size:9px;display:flex}.presets button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.preset-pattern{width:30px;height:26px;color:var(--ink);background-image:radial-gradient(currentColor 1px,#0000 1px);background-size:4px 4px;display:block}.preset-pattern.halftone{background-size:6px 6px}.preset-pattern.chromatic{color:var(--accent);background-size:3px 3px}.range-field{margin:0 0 16px;font-size:10px;display:block}.range-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-field output{color:var(--muted);font:10px monospace}input[type=range]{width:100%;height:20px;accent-color:var(--accent);cursor:pointer;margin:7px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:0;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid var(--panel);border-radius:50%;width:14px;height:14px;margin-top:-7px}input[type=range]{-webkit-appearance:none;background:0 0}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid var(--panel);width:9px;height:9px}.toggle-field{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:30px;font-size:10px;display:flex}.toggle-field input{appearance:none;background:var(--line);cursor:pointer;border-radius:20px;flex-shrink:0;width:27px;height:15px;margin:0;position:relative}.toggle-field input:before{content:"";background:var(--panel);border-radius:50%;width:9px;height:9px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle-field input:checked{background:var(--accent)}.toggle-field input:checked:before{transform:translate(12px)}.color-fields{gap:16px;margin:4px 0 16px;display:flex}.color-fields label{flex:1;justify-content:space-between;align-items:center;gap:9px;font-size:10px;display:flex}.color-fields input{border:1px solid var(--line);cursor:pointer;background:0 0;width:28px;height:24px;padding:2px}.color-fields input::-webkit-color-swatch-wrapper{padding:0}.color-fields input::-webkit-color-swatch{border:0}.bloom-controls details{margin:0 0 8px}.bloom-controls summary{color:var(--muted);cursor:pointer;justify-content:space-between;padding:5px 0;font:9px monospace;list-style:none;display:flex}.bloom-controls summary::-webkit-details-marker{display:none}.bloom-controls details[open] summary{margin-bottom:14px}.bloom-controls details[open] summary>span{transform:rotate(45deg)}.select-field{margin-bottom:14px;font-size:10px;display:block}.select-field select{background:var(--panel);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:0;margin-top:7px;padding:9px;font-size:10px;display:block}.reset-settings{justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-size:10px;display:flex}.reset-settings span{font-size:16px}.panel-note{color:var(--muted);border-top:1px solid var(--line);margin:0;padding-top:18px;font:10px/1.8 Georgia,serif}.site-footer{height:44px;color:var(--muted);border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:0 30px;font:9px monospace;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.credits{border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:1fr 1fr;gap:60px;padding:26px 30px;display:grid}.credits h2{margin:0 0 12px;font:22px Georgia,serif}.credits p{max-width:570px;color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.8}.mobile-panel-toggle{display:none}.loading-message,.scene-error{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;font:12px monospace;display:flex;position:absolute;inset:0}.scene-error{background:var(--scene);z-index:4;text-align:center;pointer-events:auto;flex-direction:column;gap:15px;padding:35px}.scene-error button{border:1px solid var(--line);padding:10px}.loading-message{background:var(--scene);z-index:1}@media (width>=1500px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.settings-panel{padding:30px}.stage-title{left:45px}h1{font-size:82px}.stage-meta{left:45px;right:45px}.stage-tools{right:45px}.stage-footer{left:45px;right:45px}}@media (width<=1000px) and (width>=761px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.settings-panel{padding:25px 20px}h1{font-size:45px}.stage-title{bottom:116px}.stage-tools{flex-wrap:wrap;max-width:none;display:flex;bottom:56px;left:30px;right:30px}.stage-tools button{padding:8px;font-size:9px}.object-caption{display:none}}@media (width<=760px){.site-header{height:58px;padding:0 20px}.wordmark-sub{display:none}.header-actions{gap:9px}.text-button{font-size:10px}.workspace{height:auto;min-height:0;display:block}.study-stage{height:calc(100svh - 153px);min-height:530px}.stage-meta{font-size:8px;top:22px;left:20px;right:20px}.canvas-wrap{bottom:85px}h1{letter-spacing:-1px;font-size:44px;line-height:1}.stage-title{bottom:110px;left:20px}.stage-title .eyebrow{letter-spacing:.8px;font-size:7px}.stage-tools{flex-wrap:wrap;gap:4px;max-width:none;display:flex;bottom:46px;left:20px;right:20px}.stage-tools button{padding:9px 8px;font-size:9px}.stage-footer{font-size:8px;bottom:18px;left:20px;right:20px}.object-caption{display:none}.mobile-panel-toggle{background:var(--panel);border-top:1px solid var(--line);display:block}.mobile-panel-toggle button{justify-content:space-between;width:100%;padding:18px 20px;font:16px Georgia,serif;display:flex}.mobile-panel-toggle span{color:var(--muted);font:18px monospace}.settings-panel{border-left:0;border-top:1px solid var(--line);padding:25px 24px;display:none;overflow:visible}.settings-panel.is-open{display:block}.panel-heading{margin-bottom:22px}.presets button{padding:13px;font-size:11px}.range-field,.toggle-field,.color-fields label,.select-field{font-size:12px}.range-field{margin-bottom:21px}.toggle-field{min-height:40px}input[type=range]{height:28px}.bloom-controls summary,.select-field select{font-size:11px}.site-footer{height:43px;padding:0 20px;font-size:8px}.credits{grid-template-columns:1fr;gap:16px;padding:24px 20px}.credits h2{font-size:20px}.credits p{font-size:11px}.panel-note{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.color-field{flex:1;min-width:0}.color-fields .hex-input{width:100%;height:26px;color:var(--muted);border:1px solid var(--line);background:0 0;margin-top:7px;padding:3px 5px;font:10px monospace}