*{box-sizing:border-box}html,body{color:#eee;overscroll-behavior:none;touch-action:none;background:#111;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif}#app-header{border-bottom:1px solid #262626;align-items:center;gap:12px;padding:8px 12px;display:flex}#app-header .badge{color:#7fd0ff;background:#1c2733;border-radius:10px;padding:3px 8px;font-family:monospace;font-size:11px}#app-header #admin-link{color:#888;margin-left:auto;font-size:12px;text-decoration:none}#app{flex-direction:column;align-items:center;min-height:100%;padding:12px;display:flex}.screen{opacity:0;flex-direction:column;align-items:center;width:100%;transition:opacity .18s;display:flex}.screen.hidden{display:none}.screen.screen-visible{opacity:1}.dashboard{flex-direction:column;align-items:flex-start;gap:10px;max-width:480px;padding:16px;display:flex}h1{margin:4px 0;font-size:18px}.hint{color:#aaa;text-align:center;margin:0 0 8px;font-size:13px}#draw-canvas{touch-action:none;background:#000;border:2px solid #444;border-radius:4px;width:min(90vw,512px);height:min(90vw,512px)}.row{gap:10px;margin-top:10px;display:flex}button{color:#fff;background:#2a6df4;border:none;border-radius:6px;min-width:44px;min-height:44px;padding:12px 20px;font-size:16px;font-weight:600}button:active{background:#1a4fc0}#btn-clear{background:#444}.log{color:#8f8;white-space:pre-wrap;max-width:90vw;margin-top:10px;font-size:12px}#preview-container{border:2px solid #444;border-radius:4px;width:min(90vw,512px);height:min(90vw,512px);overflow:hidden}#preview-container canvas{display:block}#ar-overlay{pointer-events:none;position:fixed;top:0;left:0;right:0}#ar-overlay.hidden{display:none}#ar-metrics{margin:env(safe-area-inset-top,8px) 8px 0;color:#0f0;white-space:pre;background:#0000008c;border-radius:6px;padding:8px 10px;font-family:monospace;font-size:13px;display:inline-block}