:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color-scheme:light}html,body{margin:0;width:100%;height:100%;background:linear-gradient(160deg,#0d1b2a,#1b263b 60%,#22374f);overflow:hidden}canvas{display:block}.status-panel{position:fixed;top:12px;left:12px;min-width:240px;padding:12px;border-radius:10px;background:#0a111ccc;color:#e0e7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(124,156,255,.3);font-size:13px;line-height:1.4;z-index:10}.status-title{font-weight:600;margin-bottom:8px}.snap-controls{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:11}.snap-controls.is-hidden{display:none}.snap-controls.embedded{position:static;top:auto;left:auto;transform:none;z-index:auto;margin-top:10px;width:100%}.snap-controls button{appearance:none;border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;background:#4fc3f7;color:#0b1f2d}.snap-controls button:disabled{opacity:.45}.marker-overlay{position:fixed;right:12px;bottom:12px;width:min(280px,calc(100vw - 24px));height:auto;border:1px solid rgba(79,195,247,.7);border-radius:8px;background:#0a111ccc;z-index:10}.marker-overlay.is-hidden{display:none}.tracked-image-preview{position:fixed;right:12px;bottom:12px;width:180px;padding:10px;border-radius:8px;background:#0a111cdb;color:#e0e7ff;border:1px solid rgba(124,156,255,.3);font-size:12px;z-index:10}.tracked-image-preview.is-hidden{display:none}.tracked-image-preview-title{margin-bottom:8px}.tracked-image-preview canvas{display:block;width:100%;height:auto;background:#fff}@media(max-width:700px){.status-panel{min-width:unset;width:calc(100% - 24px);box-sizing:border-box}.snap-controls{width:calc(100% - 24px)}.snap-controls.embedded{width:100%}.snap-controls button{flex:1}.marker-overlay{width:160px}.tracked-image-preview{width:128px}}