:root{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#283d30;background:#f3eddd}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:14px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:clamp(27px,4vw,38px);margin:2px 0 12px;color:#557044}small{font-size:10px;letter-spacing:2px;font-weight:800}button,select{font:inherit;min-height:44px;border:1px solid #aab69d;border-radius:12px;padding:10px 15px}button{background:#56724b;color:white;font-weight:bold;cursor:pointer}button:hover{background:#405d36}button:disabled{opacity:.5;cursor:default}button:focus-visible,canvas:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #cc8726;outline-offset:3px}.bar,.controls,.buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bar{justify-content:space-between;padding:10px 0;font-size:14px}.stage{height:min(75dvh,820px);min-height:360px;border:4px solid #9b7c4b;border-radius:20px;overflow:hidden;box-shadow:0 6px 20px #3d402520}canvas{display:block;width:100%;height:100%;touch-action:none}.controls{justify-content:center;margin-top:12px}.controls button{min-width:48px}#message{text-align:center;min-height:22px}details{line-height:1.6;margin:20px 0}summary{font-weight:bold;cursor:pointer}dialog{border:0;border-radius:22px;background:#fffaf0;color:#283d30;box-shadow:0 20px 70px #172c3970;max-width:94vw;width:470px;max-height:90dvh;padding:24px;overflow:auto}dialog::backdrop{background:#203a3866}dialog h2{margin-top:0}dialog label{display:flex;flex-direction:column;gap:6px;margin:15px 0}.check{flex-direction:row;align-items:center}.check input{width:22px;height:22px;accent-color:#557044}.note{font-size:13px;color:#66705a}[hidden]{display:none!important}#storage-note,#asset-note{color:#943e28}@media(max-width:520px){main{padding:8px}.stage{height:68dvh}.bar{gap:6px;font-size:12px}header button{font-size:12px;padding:8px}small{font-size:8px}.controls{gap:7px}.controls button{padding:8px 12px}}