.sandpicture-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #dfb97255;border-radius:50%;background:#f4d59a22;color:#edcf92;font:25px Georgia;cursor:pointer}.sandpicture-seed:hover,.sandpicture-seed:focus-visible,.sandpicture-seed[data-discovering=true]{background:#f4d59a88;box-shadow:0 0 24px #fff3c366}#sand-picture{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;overflow:hidden;background:transparent;color:#eee0bc}#sand-picture::backdrop{background:#14222cd9;backdrop-filter:blur(2px)}.sandpicture-work{position:absolute;inset:100px 30px 145px}.sandpicture-work canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}.sandpicture-work canvas:active{cursor:grabbing}.sandpicture-work canvas:focus-visible{outline:1px dashed #ede1ba33;outline-offset:-8px}#sand-picture header{position:absolute;top:0;left:0;right:0;padding:27px 40px;pointer-events:none}#sand-picture header p{font:10px system-ui;letter-spacing:.18em;color:#c5b185;margin:0 0 11px}#sand-picture h2{font:italic 29px Georgia;font-weight:400;margin:0;color:#f4e2bc}.sandpicture-close{position:absolute;right:26px;top:25px;z-index:3;width:42px;height:42px;background:#344b4b77;border:1px solid #d4bd8b55;border-radius:50%;color:#ead8ae;font:28px Georgia;cursor:pointer}#sand-picture footer{position:absolute;bottom:0;left:0;right:0;padding:12px 20px 16px;text-align:center}.sandpicture-response{font:italic 14px Georgia;color:#e4d0a7;margin:0 0 12px}#sand-picture nav{display:flex;justify-content:center;gap:10px}#sand-picture nav button{padding:9px 16px;border:1px solid #ba9f6f66;border-radius:25px;background:#33494acc;color:#ecdfbe;font:12px Georgia;cursor:pointer}#sand-picture nav button:hover{background:#50625a}#sand-picture button:disabled{opacity:.4;cursor:default}.sandpicture-credit{font:10px/1.4 system-ui;margin:10px 0 0;color:#c9b88f}#sand-picture a{color:#ddc28e}#sand-picture details{font:10px/1.8 system-ui;margin:10px 12px 0;display:inline-block;color:#bfad86}#sand-picture summary{list-style:none;cursor:pointer}#sand-picture details[open]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;width:720px;max-height:65vh;overflow:auto;background:#2d4241fa;box-shadow:0 0 50px #131a21bb;text-align:left;padding:20px 25px;border:1px solid #bda47855}#sand-picture details[open] summary{text-align:center;color:#f2e0b7}body:has(#sand-picture[open]) #living > :not(#scene-canvas){visibility:hidden}