:root{font-family:Arial,sans-serif;color:#263b3b;background:#e8e5dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:28px 4vw}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #b3b9ad;padding-bottom:22px}.mark{font-size:64px;color:#b25836}small{letter-spacing:.2em;font-size:10px}h1{font-family:Georgia,serif;font-weight:400;font-size:50px;margin:5px 0}header p{margin-left:auto;line-height:1.6}nav,.exports{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}button{background:#f3f0e8;color:#263b3b;border:1px solid #a8b2a8;padding:10px 13px;border-radius:5px;cursor:pointer}button:hover{background:#d6e0d7}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a65534;outline-offset:2px}.status{border-left:3px solid #b25836;padding:10px 16px;background:#dce1d8;min-height:42px}.studio{display:grid;grid-template-columns:330px minmax(0,1fr);gap:32px}aside{max-height:1250px;overflow:auto;padding-right:12px}h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:24px 0}label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin:10px 0}input,textarea{font:inherit;color:inherit;border:1px solid #b8bdb2;border-radius:4px;background:#f6f3ec;padding:8px;min-width:0;width:100%}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.point{display:grid;grid-template-columns:14px repeat(3,minmax(0,1fr)) 28px;gap:3px;align-items:center;margin:5px 0}.point input{padding:6px 2px}.point button{padding:6px}details{border-top:1px solid #b8bdb2;padding:15px 0}summary{font-size:13px;cursor:pointer}.scene{height:460px;position:relative;background:#142326;border-radius:12px;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.scene-caption{position:absolute;bottom:18px;left:20px;color:#efe9d9;pointer-events:none;display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.08em}.camera{display:flex;gap:30px}.camera label{flex:1}.slices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.slices h3{font-size:11px;letter-spacing:.1em}.slices svg{width:100%;background:#142326;image-rendering:pixelated;border:8px solid #142326;border-radius:6px}.metrics{background:#d5ded4;padding:16px;font-size:12px}article p,footer p{font-size:12px;line-height:1.7}textarea{height:340px;font-family:monospace}footer{border-top:1px solid #b3b9ad;margin-top:30px;padding-top:15px}footer p{max-width:900px}footer button{margin-right:8px}@media(max-width:850px){main{padding:20px}.studio{grid-template-columns:1fr}aside{max-height:550px}header p{display:none}.scene{height:350px}.slices{gap:8px}h1{font-size:40px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}.scene{animation:arrive .5s ease-out}@keyframes arrive{0%{opacity:.2}to{opacity:1}}}.focus .scene{height:calc(100vh - 180px);min-height:350px}.focus header,.focus aside{display:none}.focus .studio{grid-template-columns:1fr}