:root{color-scheme:dark;font:15px/1.6 system-ui,sans-serif;color:#dce3df;background:#0b1216}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#27302d,transparent 55%)}main{max-width:1600px;margin:auto;padding:24px 28px}header>span{display:block;color:#d5b879;font-size:.75rem;letter-spacing:.17em;margin-top:24px}h1{font:clamp(2rem,4vw,3.7rem)/1.1 Georgia,serif;margin:10px 0 14px;color:#eee6ce}header p{max-width:850px;color:#a8b8bd}a{color:#a9d7d2}nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 14px}button,select{font:inherit;color:#cbd5d7;background:#19232a;border:1px solid #53636a;border-radius:7px;padding:8px 12px;cursor:pointer}button.active{color:#eadcae;border-color:#d7b867;box-shadow:0 0 15px #ddbc6b20}button:focus-visible,input:focus-visible{outline:2px solid #a4dbcf;outline-offset:3px}.controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:13px 16px;background:#131c21;border:1px solid #38494e;border-radius:12px 12px 0 0;font-size:.8rem}.controls label{display:flex;align-items:center;gap:8px}input[type=range]{width:120px;accent-color:#97cfbf}output{width:7ch;font-variant-numeric:tabular-nums}.stage{position:relative;width:100%;height:clamp(380px,62vh,730px);overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#13282e,#050b12 75%);border-inline:1px solid #38494e}.stage canvas{position:absolute;width:100%;height:100%;inset:0;touch-action:none}#rive{pointer-events:none}.hint{position:absolute;top:16px;right:18px;color:#718b94;font-size:.72rem;pointer-events:none}.legend{position:absolute;bottom:18px;left:24px;pointer-events:none;text-shadow:0 1px 10px #000}.legend b{display:block;font:1.7rem Georgia,serif;color:#d9ca9d}.legend span{font-size:.78rem;color:#8fa7ad}.bottom{border-radius:0 0 12px 12px}#stats{color:#9eb8b6;font-variant-numeric:tabular-nums}#loading{position:absolute;inset:40% 0;text-align:center;color:#d7be82}.notes{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:20px 6px;color:#9db0b7}.notes h2{color:#d7cfaf;font:1.5rem Georgia,serif}#error{padding:20px;border:1px solid #d66;color:#ffbdbd}[hidden]{display:none!important}@media(max-width:760px){main{padding:15px}.notes{grid-template-columns:1fr;gap:0}.stage{height:460px}.hint{font-size:.65rem}.controls{gap:10px}}

.stage{isolation:isolate}#gpu{mix-blend-mode:screen}

.cloud-bar{background:linear-gradient(115deg,#2e291d,#14262a);border-color:#85714b}.cloud-title{font-size:.68rem;letter-spacing:.12em;color:#eed094}.cloud-intro{padding:12px 16px;background:#27251c;border:1px solid #786548;border-radius:9px;font-size:.9rem}.scene-editor{padding:10px 16px;background:#101d23;border:1px solid #38494e}.scene-editor summary{cursor:pointer;color:#dac593}.scene-editor .controls{border:0;padding-inline:0}.scene-editor p,#sample-status{color:#92aaa9;font-size:.76rem;margin:5px 0}.cloud-controls output{width:4ch}#cloud-controls input[type=range]{width:100px}#cloud-controls .controls{border-radius:0}#cloud-controls{border-top:1px solid #b99b58}#cloud-controls select{max-width:240px}@media(max-width:760px){#cloud-controls .controls{padding:10px}#cloud-controls label{flex-wrap:wrap}#cloud-controls select{max-width:210px}.scene-editor{padding:10px}}

body[data-mode=cloud] #primitive-controls label:has(#primitive-kind),body[data-mode=cloud] #primitive-controls label:has(#primitive-distance),body[data-mode=cloud] #primitive-controls label:has(#primitive-mu),body[data-mode=cloud] #primitive-controls label:has(#primitive-sigma),body[data-mode=cloud] #primitive-controls label:has(#primitive-camera),body[data-mode=cloud] #primitive-controls label:has(#primitive-focus),body[data-mode=cloud] #primitive-fit{display:none}body[data-mode=cloud] #primitive-controls{border-radius:0}.cloud-intro a{color:#efd098}

#sampling-indicator{position:absolute;top:45px;left:18px;max-width:calc(100% - 36px);padding:6px 10px;border:1px solid #736343;border-radius:6px;background:#101a1eea;color:#ddcc9d;font-size:.72rem;pointer-events:none;font-variant-numeric:tabular-nums}#sampling-indicator[data-state=standby]{border-color:#efc975;color:#ffe0a0;box-shadow:0 0 22px #d7a75438}#sampling-indicator[data-state=complete]{border-color:#82b6a1;color:#a9e0cc}#sample-progress{height:8px;width:140px;accent-color:#b8dcb1}#sample-status{flex-basis:100%;font-variant-numeric:tabular-nums}#cloud-controls[aria-busy=true] #sample-status{color:#ffe0a0}button:disabled{cursor:default;opacity:.55}
.preview-note{flex-basis:100%;margin:0;color:#90aaa6;font-size:.74rem}#sampling-indicator[data-state=preview]{border-color:#92cdbc;color:#c6eee0;box-shadow:0 0 18px #82bdac24}