*{box-sizing:border-box}body{margin:0;background:#101918;color:#eaf0e9;font:15px system-ui,sans-serif}main{max-width:560px;margin:auto;padding:24px 20px 50px}small{letter-spacing:3px;font-size:10px;color:#a3b5a9}h1{font-size:38px;letter-spacing:-2px;margin:8px 0}h1 span{font-weight:300;color:#b4df91}header p{color:#b0bdb5}#preview{position:relative;height:330px;background:radial-gradient(ellipse at center,#53685b,#1e3029);border-radius:20px;overflow:hidden}canvas{width:100%;height:100%;display:block}.tag{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#b9cdbd;pointer-events:none}button{background:#b4df91;color:#122512;border:0;border-radius:10px;padding:14px 18px;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.4;cursor:default}#start{width:100%;font-size:18px}#status{color:#c8e5b2}#capability{font-size:12px;color:#d7c69d;line-height:1.6}.help,details p{font-size:12px;color:#afbeb3;line-height:1.7}label{display:block;margin:20px 0;font-size:13px}output{float:right;color:#b4df91}input[type=range]{width:100%;display:block;margin:12px 0;accent-color:#b4df91}details{border-top:1px solid #35483b;margin:22px 0;padding-top:18px}summary{cursor:pointer}model-viewer{width:100%;height:220px;border-radius:12px;background:#233b2d}#nativeButton{position:absolute;bottom:12px;left:10%;width:80%;font-size:13px}#overlay{display:none;position:fixed;inset:0;pointer-events:none;color:white;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);font:14px system-ui}.ar-top{display:flex;justify-content:space-between;align-items:center;margin-top:14px;pointer-events:auto}.ar-top b{background:#102118b8;padding:12px;border-radius:10px}.ar-top button{background:#203126e8;color:white}#instruction{text-align:center;background:#102118c9;padding:12px;border-radius:12px;margin-top:18px}.ar-controls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;padding:16px;border-radius:16px;background:#102118dc;pointer-events:auto}.ar-controls label{margin:12px 0}.ar-controls button{padding:10px 14px}.ar-controls p{font-size:11px;margin:8px 0 0;color:#c3d5c6}body.in-ar main{visibility:hidden}body.in-ar #overlay{display:block}