*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font:15px/1.5 system-ui,sans-serif;background:#111614;color:#eee9dc}body{overflow:hidden}a{color:inherit}button,input,summary{font:inherit}button{cursor:pointer;border:1px solid #586156;background:#202923;color:#eee9dc;border-radius:28px;padding:12px 18px}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8fb8a;outline-offset:4px}.primary{background:#d8fb8a;color:#172116;border-color:#d8fb8a;font-weight:650}#stage{position:fixed;inset:0}#stage canvas{display:block;touch-action:none}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;pointer-events:none}.brand{font-size:14px;font-weight:700;letter-spacing:.12em;text-decoration:none;pointer-events:auto}.brand span{display:block;font-size:9px;letter-spacing:.19em;color:#aab5a6;margin-top:4px}#mode,.eyebrow{font-size:10px;letter-spacing:.17em;color:#c1cbb9}#mode{border:1px solid #64715d;border-radius:20px;padding:7px 12px}main{position:absolute;left:30px;top:110px;max-width:360px;pointer-events:none}h1{font-family:Georgia,serif;font-size:clamp(36px,7vw,64px);font-weight:400;line-height:1;margin:12px 0 16px}#description{color:#aeb8a8;max-width:30ch}#gallery{pointer-events:auto;display:flex;gap:10px;flex-wrap:wrap}#gallery a{padding:10px 16px;border:1px solid #65705f;border-radius:25px;text-decoration:none}#loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(80%,340px);text-align:center;padding:22px;background:#111614e6;border-radius:15px;pointer-events:none}progress{display:block;appearance:none;width:100%;height:4px;margin-top:12px;border:0;background:#36422e}progress::-webkit-progress-bar{background:#36422e}progress::-webkit-progress-value{background:#d8fb8a}#notice{position:absolute;top:85px;left:50%;transform:translate(-50%);max-width:90%;padding:8px 16px;background:#111614cf;border-radius:12px;text-align:center;pointer-events:none}#notice:empty{display:none}#tools{position:absolute;left:30px;bottom:60px;max-width:min(440px,calc(100% - 60px));padding:18px;background:#111614e8;border:1px solid #34422d;border-radius:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}summary{cursor:pointer;padding:12px 0 0;color:#bcc7b4;font-size:13px}.sliders{max-height:25vh;overflow:auto;padding-top:8px}label{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:12px;align-items:center}input{width:100%;accent-color:#d8fb8a;min-height:30px}#hint,#tools>a{font-size:12px;color:#bcc7b4;margin-bottom:0}footer{position:absolute;bottom:0;left:0;width:100%;padding:13px 30px;font-size:10px;color:#9eab94;display:flex;justify-content:space-between;background:#111614c0}.ar-active main{display:none}.ar-active #mode{background:#111614}.ar-active #stage{background:transparent}.ar-active footer{background:#111614cf}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px}main{left:20px;top:100px}#description{font-size:12px}h1{font-size:36px}#tools{left:12px;bottom:50px;max-width:calc(100% - 24px);width:calc(100% - 24px);padding:13px}button{padding:11px 15px;font-size:13px}footer{padding:12px;font-size:9px}#mode{font-size:8px;padding:6px 9px}}.ar-active header{background:linear-gradient(#111614cc,transparent)}@media(max-width:600px){#tools{bottom:calc(50px + env(safe-area-inset-bottom))}footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}