:root{color-scheme:light;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#eeede5;color:#496760}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse at 46% 38%,#fcfbf4 0%,#f1f1e9 47%,#e1e7df 100%)}
#scene{width:100%;height:100%;position:absolute;inset:0}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas:focus-visible{outline:2px solid #739d8b;outline-offset:-6px}
.tools{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));right:max(30px,env(safe-area-inset-right));display:flex;gap:10px;z-index:2}
button{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #ffffffb3;color:#627b70;background:#ffffff75;box-shadow:0 3px 16px #637a6510;backdrop-filter:blur(12px);cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#ffffffe0;transform:translateY(-2px)}button:focus-visible{outline:2px solid #608e7c;outline-offset:4px}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button[aria-pressed=true]{background:#d7e9df}
#loading{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .6s}#loading span{width:28px;height:28px;border:2px solid #a6cbbb70;border-top-color:#548e79;border-radius:50%;animation:spin 1.2s linear infinite}#loading.done{opacity:0}#error{position:fixed;top:45%;left:10%;right:10%;text-align:center;line-height:1.8;font-size:14px}
@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.tools{bottom:max(20px,env(safe-area-inset-bottom));right:20px}button{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}#loading span{animation:none}}