:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;color:#e8eaee;background:#101419;font-synthesis:none;--accent: #74c9df;--muted: #8d98a8;--line: #ffffff13}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.4}button,select{border:0}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}button{touch-action:manipulation}button svg{width:19px;height:19px;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100dvh;display:grid;grid-template-rows:62px minmax(0,1fr);height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:#11151a;z-index:3}.brand{color:#e7eaf0;display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;letter-spacing:-.25px;white-space:nowrap}.brand strong{font-weight:550}.brand span{color:#9ba7b6}.brand strong{color:#e8edf5;margin-left:3px}.top-links{display:flex;gap:8px}.top-link{display:flex;align-items:center;gap:7px;color:#a9b9ba;font-size:12px;text-decoration:none;border:1px solid #a2d6ca22;padding:6px 12px;border-radius:20px;transition:color .15s,border-color .15s}.top-link:hover,.top-link:focus-visible{color:#e7eaf0;border-color:#a2d6ca55}.top-link svg{width:15px;height:15px}.workspace{display:grid;grid-template-columns:222px minmax(0,1fr) 280px;min-height:0}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#222c38,#10161e)}#canvas-host{width:100%;height:100%}canvas{display:block;width:100%;height:100%;touch-action:none}.diagnostics{position:absolute;top:24px;left:28px;width:248px;pointer-events:none;font-variant-numeric:tabular-nums}.particle-level{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:8px;color:#82909f;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}.particle-level select{font-size:10px;letter-spacing:0;text-transform:none;padding:6px 8px}.diagnostic-heading{display:flex;align-items:center;gap:7px;color:#82909f;letter-spacing:1.2px;font-size:8px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.paused .live-dot{background:#8d98a8}.diagnostics dl{display:flex;gap:24px;margin:14px 0 12px}.diagnostics dt{color:#8591a1;font-size:10px;margin-bottom:5px}.diagnostics dd{margin:0;font-size:18px;font-weight:450;letter-spacing:-.5px;color:#d0d8e0}.diagnostics small{font-size:9px;margin-left:3px;color:#8c99a8}.diagnostic-foot{display:flex;gap:15px;font-size:7px;letter-spacing:.8px;color:#717d8e}.scene-label{position:absolute;left:28px;bottom:106px;pointer-events:none}.scene-label>span{color:var(--accent);font-size:9px;letter-spacing:1.8px}.scene-label h1{margin:9px 0 8px;font-size:clamp(26px,2.4vw,38px);font-weight:400;letter-spacing:-1.2px}.viewport-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:center;gap:15px}.camera-hint{position:absolute;left:0;font-size:9px;color:#7e8a9b}.camera-hint span{margin:0 5px}.transport{display:flex;align-items:center;padding:5px;border:1px solid #ffffff1c;border-radius:12px;background:#151c25e8;box-shadow:0 8px 28px #0002}.icon-button,.play-button{display:grid;place-items:center;width:36px;height:34px;border-radius:7px;background:transparent;color:#a4b0c0}.icon-button:hover{color:#f1f6ff;background:#ffffff0b}.play-button{background:var(--accent);color:#14222a;margin-right:3px}.play-button svg{width:17px;height:17px}.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 5px}.inspector{padding:26px 22px;overscroll-behavior:contain;border-left:1px solid var(--line);background:#13181f;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#394353 transparent}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:550;color:#8390a1}#preset-index{font-size:9px;color:#748093;font-variant-numeric:tabular-nums}.inspector h2{font-weight:450;font-size:23px;letter-spacing:-.7px;margin:18px 0 10px}.description{color:#8e9aab;font-size:12px;line-height:1.75;margin:0 0 24px;text-wrap:pretty}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:8px;letter-spacing:1.6px;color:#7b899d}.text-button{background:transparent;padding:4px 0 4px 8px;color:#9ba9bc;font-size:9px}.text-button:hover{color:var(--accent)}.parameter{margin-bottom:18px}.parameter-label{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px;font-size:12px}.parameter-label label{color:#bac3d0}.parameter-label output{color:#c2d2e1;font-size:10px;font-variant-numeric:tabular-nums}.parameter-label small{margin-left:4px;color:#768598;font-size:8px}.restart-mark{display:inline-block;margin-left:5px;color:#778598;font-size:12px}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;margin:0;height:15px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--fill),#2c3541 var(--fill))}input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:#2c3541}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;background:#d9e6ec;box-shadow:0 0 0 3px #13181f}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#d9e6ec}.parameter-help{display:none;font-size:9px;line-height:1.5;color:#93a0b2;margin:8px 0 0}.parameter:focus-within .parameter-help{display:block}.parameter-note{font-size:8px;color:#7a889b;margin:20px 0 23px}.render-settings{border-top:1px solid var(--line);padding-top:23px}.segmented{border:1px solid #ffffff0c;border-radius:7px;background:#0e131a;display:flex;padding:3px;margin:-4px 0 18px}.segmented label{position:relative;flex:1;cursor:pointer;font-size:10px;text-align:center}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:8px 4px;border-radius:4px;color:#8593a6}.segmented input:checked+span{color:#d4dfec;background:#283240;box-shadow:0 1px 3px #0005}.segmented input:focus-visible+span{outline:2px solid var(--accent)}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:17px 0;color:#9facbe}select{background:#1b232e;color:#b6c2d2;font-size:9px;padding:6px 7px;border:1px solid #ffffff0c;border-radius:4px}.switch-row{position:relative;cursor:pointer}.switch-row input{position:absolute;right:0;opacity:0;margin:0;width:28px;height:15px;z-index:1;cursor:pointer}.switch{pointer-events:none;width:28px;height:15px;border-radius:12px;background:#303a48;padding:3px}.switch:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#9cabbd;transition:transform .16s}.switch-row input:checked+.switch{background:color-mix(in srgb,var(--accent) 25%,#1a2028)}.switch-row input:checked+.switch:after{background:var(--accent);transform:translate(13px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#10161ee8;z-index:2}.loading strong{font-size:14px;font-weight:450;color:#c2d1df}.loading>span:last-child{font-size:10px;color:#7b8c9f}.spinner{width:24px;height:24px;margin-bottom:10px;border:1px solid #ffffff16;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{position:absolute;width:min(430px,calc(100% - 40px));top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;border:1px solid #ffffff1c;padding:28px;border-radius:14px;background:#18212d;box-shadow:0 20px 100px #0008}.error-card h2{font-weight:450;font-size:24px;letter-spacing:-.6px}.error-card p{font-size:12px;line-height:1.7;color:#a8b5c6;overflow-wrap:anywhere}.primary{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:6px;color:#14232d;background:var(--accent);font-size:11px;margin-top:20px}.primary svg{width:14px;height:14px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#e1ebf0;color:#14222b;padding:12px 20px;font-size:12px;border-radius:9px;box-shadow:0 8px 50px #0005;z-index:10}.mobile-controls,#close-controls{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.gallery{padding:24px 14px;background:#11161c;border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.preset-group+.preset-group{margin-top:26px}.preset-group h2{margin:0 5px 8px;text-transform:uppercase}.preset-grid{display:flex;flex-direction:column;gap:4px}.preset-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:5px;background:none;border:0;border-radius:8px;text-align:left;cursor:pointer}.preset-card:hover{background:#ffffff06}.preset-preview{display:block;flex-shrink:0;width:64px;aspect-ratio:5 / 4;overflow:hidden;border-radius:6px;background:#1b2430;box-shadow:inset 0 0 0 1px var(--line)}.preset-preview img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .15s,transform .25s}.preset-card:hover img{opacity:1;transform:scale(1.04)}.preset-card[aria-pressed=true] .preset-preview{outline:2px solid var(--card-accent);outline-offset:2px}.preset-card[aria-pressed=true] img{opacity:1}.preset-title{min-width:0;color:#a4afbd;font-size:12px;line-height:1.3}.preset-card:hover .preset-title{color:#d3dbe5}.preset-card[aria-pressed=true] .preset-title{color:#eef3f9}.preset-number{display:none}.camera-hint{bottom:57px;left:0;right:0;text-align:center}.scene-label{bottom:30px}.scene-label h1{font-size:20px;margin:7px 0 0;letter-spacing:-.5px}.scene-label>span{font-size:7px;letter-spacing:1px}@media(min-width:1600px){.workspace{grid-template-columns:246px minmax(0,1fr) 306px}.preset-preview{width:72px}.preset-title{font-size:13px}.inspector{padding:28px}}@media(max-width:1150px){.workspace{grid-template-columns:180px minmax(0,1fr) 255px}.gallery{padding:22px 10px}.preset-card{gap:9px}.preset-preview{width:48px}.preset-title{font-size:11px}.scene-label{bottom:115px}.inspector{padding:24px 18px}.diagnostics{left:20px;top:20px}}@media(max-width:950px){.workspace{grid-template-columns:180px minmax(0,1fr);position:relative}.inspector{position:absolute;z-index:5;top:0;bottom:0;right:0;width:min(310px,90%);box-shadow:-20px 0 80px #0008;display:none}.controls-open .inspector{display:block}#close-controls{display:grid;margin-left:auto;width:30px;height:30px}#preset-index{display:none}.mobile-controls{display:flex;align-items:center;gap:7px;background:#17212dde;border:1px solid #ffffff1c;padding:12px 11px;border-radius:10px;font-size:10px;color:#bac9d9}.mobile-controls svg{width:15px;height:15px}.viewport-bottom{left:20px;right:20px;gap:8px}.parameter-help{display:block}}@media(max-width:600px){#app{grid-template-rows:56px minmax(0,1fr);min-height:620px}.topbar{padding:0 14px}.brand{font-size:12px;gap:8px}.brand img{width:26px;height:26px}.top-link{padding:6px 8px}.top-link span{display:none}.workspace{grid-template-columns:66px minmax(0,1fr)}.gallery{padding:16px 8px}.preset-group+.preset-group{margin-top:16px}.preset-group h2,.preset-title{display:none}.preset-card{padding:0}.preset-preview{width:100%;aspect-ratio:1}.preset-number{display:block;position:absolute;bottom:5px;right:6px;font-size:8px;color:#e0e9f2;text-shadow:0 1px 3px #000}.preset-grid{gap:8px}.diagnostics{left:15px;top:21px;width:auto}.diagnostics dl{gap:19px;margin:12px 0}.diagnostics dd{font-size:16px}.diagnostic-foot{gap:10px;font-size:6px;letter-spacing:.3px}.diagnostic-heading{font-size:7px}.scene-label{left:15px;bottom:122px}.scene-label h1{font-size:22px}.viewport-bottom{left:12px;right:12px;bottom:20px;flex-wrap:wrap}.camera-hint{font-size:8px;bottom:65px}.transport{padding:4px}.icon-button,.play-button{width:30px;height:34px}.mobile-controls{font-size:0;padding:13px}.toast{bottom:82px;white-space:nowrap}}