:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#e7eef2;background:#17293c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#viewport,canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}a{color:inherit;text-decoration:none;pointer-events:auto}header a{font-size:24px;font-weight:750;display:flex;align-items:center;gap:17px}header a span{font-size:9px;letter-spacing:2px;font-weight:500;border-left:1px solid #ffffff40;padding-left:17px}.badge{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.badge i,.status-dot{width:5px;height:5px;background:#a4f3cf;border-radius:50%;display:inline-block}.intro{position:fixed;left:5vw;top:19vh;pointer-events:none;text-shadow:0 2px 25px #10213640}.eyebrow{font-size:9px;letter-spacing:3px;color:#c9dbdf}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.5vw,86px);line-height:.96;letter-spacing:-3px;margin:24px 0}p{font-size:12px;line-height:1.8;color:#d6e1e5}#controls{position:fixed;right:34px;top:126px;width:256px;max-height:calc(100dvh - 195px);overflow:auto;padding:20px;background:#0b1c2b9e;border:1px solid #c6dee225;backdrop-filter:blur(24px);border-radius:10px;box-shadow:0 12px 70px #0002}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.panel-head button{border:0;font-size:20px;padding:0 5px;background:transparent}.presets{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:20px 0 23px}button{border:1px solid #d0e4ec26;color:#dbe9ed;background:#e1faff06;padding:9px 8px;border-radius:5px;font:inherit;font-size:10px;cursor:pointer}button:hover{background:#ffffff18}button.selected{background:#ccdfe3;color:#152c39;border-color:transparent}#settings>label{display:block;font-size:11px;margin:19px 0;color:#d0dfe5}output{float:right;font-size:10px;font-variant-numeric:tabular-nums;color:#a9c9d3}input[type=range]{width:100%;display:block;margin:12px 0 0;accent-color:#b3d7dd;height:3px;cursor:pointer}input[type=checkbox]{accent-color:#c2dce1}.layers{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #fff2;padding-top:15px;font-size:10px}.layers label{display:flex;align-items:center;gap:2px}.actions{display:flex;gap:8px;margin-top:20px}.actions button{flex:1}.note{font-size:9px;color:#91aebb;margin:16px 0 0}footer{position:fixed;bottom:25px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px}footer>div{display:flex;align-items:center;gap:10px}footer strong{font-weight:500}#stats{color:#c5d7df;font-variant-numeric:tabular-nums}footer a{font-size:8px;letter-spacing:1.5px}#loading{position:fixed;inset:0;background:#102135;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}#loading[hidden]{display:none}.loader{height:34px;width:34px;border-radius:50%;border:1px solid #abc7d328;border-top-color:#d8b58a;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading p{max-width:80vw;text-align:center;white-space:pre-wrap}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e5c999;outline-offset:5px}@media(max-width:700px){header{top:20px;left:20px;right:20px}header a span{font-size:7px;letter-spacing:1px}.badge{display:none}.intro{left:24px;top:110px}.intro h1{font-size:48px;margin:18px 0;letter-spacing:-2px}.intro p{font-size:10px}.eyebrow{font-size:7px;letter-spacing:2px}#controls{top:auto;bottom:62px;right:16px;width:215px;max-height:calc(100dvh - 160px);padding:14px;background:#0b1c2bce}#controls.closed{width:180px}.presets{margin:14px 0}#settings>label{margin:14px 0}.note{display:none}footer{left:20px;right:20px;bottom:18px;font-size:8px}footer>div{flex-wrap:wrap;gap:6px;max-width:80%}footer a{display:none}}

#renderer-mode{display:block;width:100%;margin-top:9px;padding:9px;border:1px solid #d0e4ec40;border-radius:5px;background:#142c3d;color:#e7eef2;font:inherit}#renderer-mode:focus-visible{outline:2px solid #e5c999;outline-offset:3px}.renderer-note{font-size:10px;line-height:1.5;margin:0 0 16px;color:#b6cfd8}