*{box-sizing:border-box}body{color:#514853;background:#fbf7ef;margin:0;font-family:Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select,input{outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #d8cfc6;border-radius:5px;padding:9px 13px}button:hover{background:#efe7dd}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}.sandbox{grid-template-columns:minmax(0,1fr) 300px;min-height:100dvh;display:grid}.world{height:100dvh;position:sticky;top:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}header{pointer-events:none;position:absolute;top:35px;left:36px}h1{margin:14px 0;font-family:Georgia,serif;font-size:clamp(30px,3.7vw,54px);font-weight:500;line-height:1.1}h1 em{color:#9c3262;font-weight:400}.eyebrow{letter-spacing:1.65px;color:#8e7e85;font-size:9px}header>p:last-child{color:#7d717a;max-width:330px;font-size:12px;line-height:1.6}.world-footer{color:#857681;justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;bottom:24px;left:30px;right:30px}.world-footer>div{gap:8px;display:flex}.world-footer button{background:#fbf7efdf}.sandbox aside{background:#f7f1e8;border-left:1px solid #e3d9ce;height:100dvh;padding:25px 22px 30px;position:relative;overflow-y:auto}h2,h3{margin:0 0 12px;font-size:14px;font-weight:500}h3{font-size:12px}.panel-heading a{font-size:11px}.intro{color:#8a7582;margin:22px 0;line-height:1.6}label{color:#6f606d;margin:16px 0 7px;font-size:11px;display:block}select{color:#514853;background:#fbf7ef;border:1px solid #d6cabe;border-radius:4px;width:100%;padding:8px}input[type=range]{accent-color:#bd376c;width:100%;height:16px;margin:0}output{float:right;font-variant-numeric:tabular-nums;color:#a73768}.note{color:#8a7b85;font-size:10px;line-height:1.55}fieldset{border:0;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 18px;padding:0;display:grid}legend{color:#8d7b85;margin-bottom:10px;font-size:10px}.check{align-items:center;gap:7px;margin:0;font-size:11px;display:flex}input[type=checkbox]{accent-color:#bd376c;margin:0}.preview-heading{margin:23px 0 12px}.preview-heading h3{margin:0}.previews{grid-template-columns:1fr 1fr;gap:7px;display:grid}.previews button{padding:8px;font-size:11px}.reset{width:100%;margin:18px 0 7px;font-size:11px}.small-actions{gap:8px;margin-top:8px;display:flex}.small-actions button,#camera-start{font-size:11px}#camera-start{margin-top:12px}#camera-status{font-size:11px;line-height:1.5}#reduced{flex-shrink:0}#tuning+.check{margin-top:16px}@media (width<=700px){.sandbox{grid-template-rows:58dvh 42dvh;grid-template-columns:1fr;height:100dvh;overflow:hidden}.world{height:58dvh;min-height:0;position:relative}.sandbox aside{border-top:1px solid #e3d9ce;border-left:0;height:42dvh;padding:20px 24px;display:block;overflow-y:auto}header{top:14px;left:24px}.eyebrow{letter-spacing:1.2px;font-size:8px}header>p:last-child{max-width:290px;font-size:10px;line-height:1.4}.world-footer{align-items:flex-end;gap:10px;bottom:13px;left:22px;right:22px}.world-footer>span{max-width:150px}.world-footer button{padding:7px;font-size:10px}h1{margin:10px 0;font-size:28px}#tuning{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}fieldset{grid-template-columns:repeat(3,1fr)}.previews{grid-template-columns:repeat(4,1fr)}}