:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI","Meiryo",sans-serif;color:#173c33;background:#f4f7f4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:14px;padding:22px max(20px,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #dce6de}h1{font-size:21px;margin:0 0 5px}header p{font-size:13px;margin:0;color:#6c8076}.mark{background:#153d31;color:#fff;border-radius:12px;padding:0 10px;font-size:40px}main{max-width:1140px;padding:22px 20px;margin:auto}#stage{position:relative;height:min(65vh,650px);min-height:340px;background:#e8f0e9;border:1px solid #d5e0d7;border-top:5px solid #1b624e;border-radius:22px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}button,a{font:inherit}button{border:1px solid #bccfc3;background:white;color:#164b3b;border-radius:12px;padding:13px 18px;cursor:pointer;min-height:46px}button:hover{background:#e8f1eb}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #58a48a;outline-offset:3px}#fullscreen{position:absolute;top:12px;right:12px;font-size:13px}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;border-radius:12px;background:#ffffffed;white-space:nowrap;font-size:14px}#status{font-size:13px;color:#567364;min-height:20px}.controls{display:flex;gap:10px;flex-wrap:wrap}.note{font-size:13px;line-height:1.9;color:#677f71}.links{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.links a{border:1px solid #c9d9cd;padding:14px 18px;border-radius:12px;background:white;color:#195b46;text-decoration:none}footer{text-align:center;font-size:12px;color:#6c8175;padding:20px}footer a{color:inherit}#stage:fullscreen,#stage.full{height:100vh;width:100vw;border-radius:0;border:0;max-height:none}#stage.full{position:fixed;inset:0;z-index:1000}@media(max-width:600px){header{padding:18px 15px}h1{font-size:18px}main{padding:15px 12px}#stage{height:58vh;min-height:330px}.links{display:grid;gap:10px}.links a{font-size:14px}.controls button{flex:1;padding:12px 8px;font-size:14px}}
[hidden]{display:none!important}.ar-button{display:block;width:100%;margin-top:18px;background:#195f49;color:white;border:0;font-weight:600}.ar-button:hover{background:#104b38}.ar-button:disabled{background:#81998b;color:white;cursor:default}#ar-overlay{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));color:white;font-size:15px;background:transparent}.ar-top,.ar-bottom{pointer-events:auto;background:#123528e8;padding:13px;border-radius:15px;max-width:560px;width:100%;margin:0 auto}.ar-top p{margin:10px 0 0;line-height:1.65}.ar-top button{min-height:40px;padding:9px 15px}.ar-bottom>button{width:100%;background:white;color:#164b3b;font-weight:600}#ar-adjust{padding:10px 4px 0}#ar-adjust label{display:flex;justify-content:space-between;margin-top:10px}#ar-adjust input{width:100%;height:36px;accent-color:#80d4ae}body.ar-active{background:transparent}

.ar-size-steps{display:flex;gap:10px}.ar-size-steps button{flex:1;min-height:40px;padding:8px}.ar-bottom{max-height:60vh;overflow-y:auto;overscroll-behavior:contain}