:root{color-scheme:dark;--bg: #252525;--panel: #333333;--panel-strong: #272727;--line: #1d1d1d;--text: #e8e8e8;--muted: #c0c0c0;--accent: #ff9d00;--accent-orange: #ff9d00;--danger: #c64c3d;--radius: 2px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button,.file-button,select,input[type=color],input[type=range]{border-radius:var(--radius)}.viewer-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16rem;width:100%;height:100%;min-height:100vh;background:var(--bg)}.public-only{display:none}.viewport{position:relative;min-width:0;min-height:24rem;background:#202020}#splat-canvas{display:block;width:100%;height:100%}.perf-graph{position:absolute;top:.75rem;left:.75rem;z-index:2;width:13rem;height:3rem;border:1px solid #4a4a4a;border-radius:var(--radius);pointer-events:none}.panel{display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:1rem;border-left:1px solid var(--line);background:var(--panel);overflow-y:auto}.panel-header{display:grid;gap:.55rem;padding-bottom:.65rem;border-bottom:1px solid var(--line)}[hidden]{display:none!important}.control-section{display:grid;gap:.5rem;padding-bottom:.65rem;border:1px solid #292929;background:#393939}.control-section summary{min-height:1.75rem;padding:.38rem .55rem;border-bottom:1px solid #292929;background:#454545;cursor:pointer;color:var(--text);font-size:.86rem;font-weight:750;list-style:none}.control-section summary::-webkit-details-marker{display:none}.section-content{display:grid;gap:.7rem;padding:.1rem .55rem 0}.eyebrow{margin:0 0 .25rem;color:var(--accent-orange);font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:1.3rem;line-height:1.2;font-weight:750}.control-group{display:grid;gap:.45rem}.control-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.control-group label,.control-label-row output,.switch,.stats dt{color:var(--muted);font-size:.75rem;font-weight:600}select,button,.file-button{min-height:2rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--text)}select{width:100%;padding:0 .5rem}button,.file-button{display:inline-flex;align-items:center;justify-content:center;padding:0 .75rem;cursor:pointer}.dev-build-view-toggle{position:fixed;right:.75rem;bottom:.75rem;z-index:10;min-height:1.8rem;padding:0 .6rem;border-color:#555;background:#272727e6;box-shadow:0 .3rem .8rem #00000047;color:#d6d6d6;font-size:.72rem}button:hover,.file-button:hover,select:hover{border-color:var(--accent);background:#2f2f2f}button:focus-visible,.file-button:focus-visible,select:focus-visible,.switch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem}.control-grid{display:grid;grid-template-columns:1fr;gap:.45rem}.lighting-control-group,.lighting-control-options,.solid-color-environment-options{display:grid;gap:.65rem}.lighting-control-options{margin-left:.45rem;padding-left:.75rem;padding-bottom:.2rem;border-left:1px solid #515151}.lighting-control-toggle{color:var(--text)}.switch{display:flex;align-items:center;gap:.6rem;min-height:1.95rem;padding:0 .55rem;border:1px solid var(--line);border-radius:var(--radius);background:#303030}.switch input{width:.9rem;height:.9rem;accent-color:var(--accent)}input[type=color]{width:100%;height:2rem;padding:.2rem;border:1px solid var(--line);background:var(--panel-strong)}.solid-color-control{display:grid;gap:.45rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1rem;margin:0;accent-color:var(--accent);border-radius:999px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:.4rem;border:1px solid #1a1a1a;border-radius:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--range-fill, 0%),#191919 var(--range-fill, 0%),#191919 100%)}input[type=range]::-webkit-slider-thumb{width:.65rem;height:1rem;margin-top:-.37rem;border:1px solid #161616;border-radius:2px;background:#b8b8b8;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-track{height:.4rem;border:1px solid #1a1a1a;border-radius:2px;background:#191919}input[type=range]::-moz-range-progress{height:.4rem;border-radius:2px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:.65rem;height:1rem;border:1px solid #161616;border-radius:2px;background:#b8b8b8}.stats{display:grid;gap:.5rem;margin:auto 0 0;padding:0}.stats div{display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid var(--line)}.stats dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums}.status{position:absolute;left:1rem;bottom:1rem;z-index:2;min-width:7rem;max-width:min(26rem,calc(100% - 2rem));padding:.45rem .6rem;border:1px solid #111;border-radius:2px;background:#303030;color:var(--muted);font-size:.85rem}.spark-attribution{position:absolute;bottom:1rem;right:1rem;z-index:2;display:inline-flex;align-items:flex-end;gap:.3rem;color:#bdbdbd;font-size:.65rem;line-height:1}.spark-attribution-link{display:block;line-height:0;opacity:.72}.spark-attribution img{display:block;width:4.25rem;height:auto;filter:invert(1)}.spark-attribution-link:hover,.spark-attribution-link:focus-visible{opacity:1}.spark-attribution-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop-target{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:3;display:grid;place-content:center;gap:.35rem;border:1px dashed var(--accent);border-radius:var(--radius);background:#353535;text-align:center}.drop-target[hidden]{display:none}.drop-target span{color:var(--muted);font-size:.9rem}@media(max-width:820px){body{overflow:auto}.viewer-shell{grid-template-columns:1fr;grid-template-rows:minmax(26rem,64vh) auto}.panel{border-top:1px solid var(--line);border-left:0}}.public-ui body{overflow:hidden}.public-ui .viewer-shell{display:grid}.public-ui .viewport{width:auto;height:auto;min-height:24rem}.public-ui .dev-only,.public-ui .perf-graph{display:none!important}.public-ui .public-only{display:block}.public-ui .panel{position:static;z-index:auto;display:flex;width:auto;max-height:none;gap:.8rem;padding:1rem;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--panel);box-shadow:none}.public-ui .panel-header{position:static;width:100%;margin:0 0 .65rem;padding:0 0 .65rem;border-bottom:1px solid var(--line)}.public-ui .scene-picker-label{display:none}.public-ui .scene-picker{position:relative;width:100%}.public-ui .scene-picker:after{position:absolute;top:50%;right:.55rem;width:.3rem;height:.3rem;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;content:"";pointer-events:none;transform:translateY(-68%) rotate(45deg)}.scene-picker-label{color:#d6d6d6;font-size:.7rem;font-weight:600;letter-spacing:.02em}.scene-picker-button,.scene-picker-options,.public-ui .panel-header .scene-picker select{display:none}.public-ui .scene-picker-button{display:flex;width:100%;min-height:1.8rem;padding:0 1.5rem 0 .65rem;border-color:#151515;border-radius:0;background:#282828;color:#dedede;font-size:.75rem;font-weight:500;letter-spacing:.01em;text-align:left}.public-ui .scene-picker-button:hover,.public-ui .scene-picker[data-open] .scene-picker-button{border-color:var(--accent);background:#303030}.public-ui .scene-picker-options{position:absolute;top:calc(100% + 2px);left:0;z-index:4;width:100%;border:1px solid #151515;border-radius:0;background:#282828;box-shadow:0 .45rem 1rem #0000005c}.public-ui .scene-picker[data-open] .scene-picker-options{display:grid}.public-ui .scene-picker-options button{justify-content:flex-start;min-height:1.8rem;padding:0 .65rem;border:0;border-radius:0;background:transparent;color:#dedede;font-size:.75rem;font-weight:500;text-align:left}.public-ui .scene-picker-options button:hover,.public-ui .scene-picker-options button[data-selected]{background:var(--accent);color:#1d160c}.public-ui .control-section{display:contents}.public-ui .control-section summary{display:none}.public-ui .section-content,.public-ui .control-grid{display:contents}.public-ui .splat-response-controls .public-control{order:20}.public-ui .splat-response-controls .lighting-control-group+.lighting-control-group{margin-top:.22rem}.public-ui[data-scene=storm-cloud] .splat-response-controls .public-control,.public-ui[data-scene=color-lights] .splat-response-controls .public-control,.public-ui[data-scene=cloud] #environment-light-control,.public-ui[data-scene=cloud] #point-light-control,.public-ui[data-scene=vulcano] #environment-light-control,.public-ui[data-scene=vulcano] #point-light-control{display:none}.public-ui #emissive-options{display:none!important}.public-ui .control-group{gap:.35rem}.public-ui .control-group label,.public-ui .switch{font-size:.75rem}.public-ui .control-group label{color:#b8b8b8;line-height:1.25}.public-ui .control-label-row output{color:#d1d1d1;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.public-ui select,.public-ui .switch{min-height:1.95rem}.public-ui .switch{background:#323232}.public-ui .lighting-control-group{gap:.5rem}.public-ui .lighting-control-toggle{min-height:2.05rem;border-color:var(--line);background:var(--panel-strong);color:var(--text)}.public-ui .lighting-control-toggle:has(input:checked){border-color:#d97d00;background:#704917}.public-ui .lighting-control-toggle span{color:#e2e2e2;font-weight:500}.public-ui .lighting-control-options{gap:.86rem;margin-left:.55rem;padding-left:.8rem;padding-bottom:.32rem;border-left-color:#4a4a4a}.public-ui .lighting-control-options .switch{min-height:2rem;background:#303030}.public-ui .status{max-width:min(22rem,calc(100vw - 2rem));bottom:1rem}@media(max-width:640px){.public-ui body{overflow:hidden}.public-ui .viewer-shell{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:0}.public-ui .viewport{width:auto;height:auto;min-height:0}.public-ui .panel{position:static;width:auto;max-height:40dvh;min-height:0;gap:.5rem;padding:.7rem max(.75rem,env(safe-area-inset-right)) calc(.7rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));border-top:1px solid var(--line);border-left:0;border-radius:0;overflow-y:auto}.public-ui .panel-header{position:static;width:100%;margin:0;padding:0 0 .55rem;border-bottom:1px solid var(--line);background:transparent}.public-ui .scene-picker-options{top:auto;bottom:calc(100% + 2px)}.public-ui .panel:has(.scene-picker[data-open]){overflow:visible}.public-ui .lighting-control-group{gap:.5rem}.public-ui .lighting-control-toggle,.public-ui .switch{min-height:2.7rem}.public-ui .lighting-control-options{gap:.7rem;margin-left:0;padding:.7rem 0 .15rem;border-left:0}.public-ui .solid-color-environment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.public-ui .solid-color-control{gap:.35rem}.public-ui input[type=color]{height:2.7rem}.public-ui input[type=range]{height:1.5rem;touch-action:pan-y}.public-ui input[type=range]::-webkit-slider-thumb{width:1.1rem;height:1.1rem;margin-top:-.42rem}.public-ui input[type=range]::-moz-range-thumb{width:1rem;height:1rem}.public-ui .status{left:.75rem;bottom:.75rem;max-width:min(18rem,calc(100vw - 1.5rem))}.public-ui .spark-attribution{right:.75rem;bottom:.75rem}}