:root{font-family:Century Gothic,Segoe UI,sans-serif;color:#373b50;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{padding:16px 20px;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:4px solid #c9e65d}header img{width:115px}header span{font-size:13px}h1{font-size:22px;margin:0}#preview{height:48vh;min-height:240px}canvas{display:block;width:100%;height:100%;touch-action:none}.controls{background:#fff;padding:20px;max-width:760px;margin:auto;border-radius:18px 18px 0 0}p{line-height:1.55}.hint{font-size:12px;color:#686d7d}.buttons{display:flex;gap:10px;flex-wrap:wrap}button,a#native,a#apple{border:1px solid #b6b9c2;border-radius:10px;padding:12px 16px;background:#fff;color:#373b50;font:600 14px Segoe UI,sans-serif;text-decoration:none;cursor:pointer;margin:4px 0}#start,#place{background:#c9e65d}button:disabled{opacity:.4;cursor:default}#apple img{height:24px;width:120px;object-fit:contain}#overlay:fullscreen{background:transparent}body.ar{background:transparent}body.ar header{display:none}body.ar #preview{display:none}body.ar .controls{position:absolute;bottom:0;left:0;right:0;max-height:43vh;overflow:auto;background:#ffffffeb;padding:12px 18px}body.ar h1,body.ar .hint,body.ar #size{display:none}body.ar #overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body.ar .controls{pointer-events:auto}[hidden]{display:none!important}