.spot-page{padding-top:calc(var(--hdr) + 36px)}.spot-desc{max-width:680px;color:var(--muted);margin:16px 0 28px}.spot-layout{display:grid;grid-template-columns:minmax(0,480px) minmax(240px,360px);gap:32px;justify-content:center}.spot-stage{position:relative;aspect-ratio:9/16;overflow:hidden;background:radial-gradient(ellipse at bottom,#203c4c,#080c16 70%);border:1px solid #ffffff26;border-radius:16px;isolation:isolate}.spot-stage video,.spot-stage>#spot-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spot-figure{position:absolute;transform:translate(-50%,-100%);touch-action:none;cursor:grab;user-select:none}.spot-figure:active{cursor:grabbing}.spot-figure>img{display:block;width:100%;pointer-events:none;user-select:none}.spot-shadow{position:absolute;width:65%;height:5%;bottom:-1%;left:17.5%;border-radius:50%;background:#0008;filter:blur(8px);z-index:-1}.spot-figure.render-in>img{animation:spot-render .8s ease-out}.spot-scan{display:none;position:absolute;left:0;right:0;height:2px;background:#d6ffff;box-shadow:0 0 18px 4px #87f6ff}.render-in .spot-scan{display:block;animation:spot-scan .8s linear forwards}#spot-locked{position:absolute;left:0;right:0;top:14%;text-align:center;font-size:clamp(10px,2vw,15px);color:#fff;letter-spacing:.08em;text-shadow:0 1px 4px #000}.spot-frame{position:absolute;bottom:0;left:0;right:0;padding:4%;display:flex;justify-content:space-between;align-items:end;color:#fff;pointer-events:none;text-shadow:0 1px 5px #000}.spot-frame small{font-size:clamp(7px,1.5vw,11px)}.spot-frame b{font-size:clamp(15px,2.5vw,22px);letter-spacing:.08em}.spot-fullscreen{position:absolute;top:12px;right:12px;border:1px solid #ffffff70;background:#080c1680;color:white;border-radius:8px;width:40px;height:40px;font-size:26px}.spot-controls{display:flex;flex-direction:column;gap:12px;align-self:center}.spot-controls select{width:100%;background:#111622;color:#fff;padding:12px;border:1px solid #ffffff40;border-radius:8px}.spot-controls fieldset{border:0;padding:0;margin:0}.spot-modes{display:flex;gap:10px;margin-top:8px}.spot-modes button{background:#111622;color:#fff;border:1px solid #ffffff40;padding:10px 20px;border-radius:8px}.spot-modes button[aria-pressed=true]{border-color:#94faff;background:#16333c}.spot-modes button[hidden]{display:none}.spot-controls p{font-size:13px;color:var(--muted);margin:0}.spot-controls .btn{width:100%;justify-content:center}.spot-controls button:disabled{opacity:.4;cursor:wait}.spot-gallery{position:relative;cursor:pointer;overflow:hidden}.spot-gallery input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.spot-privacy{line-height:1.7}#spot-status{min-height:2em;color:#b2faff}.spot-stage.spot-expanded{position:fixed;inset:0;z-index:1100;border-radius:0;aspect-ratio:auto;width:100%;height:100dvh}.spot-stage:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}#spot-preview{background:#090d17;color:white;border:1px solid #ffffff40;border-radius:12px;max-height:95dvh;max-width:95vw;padding:12px}#spot-preview::backdrop{background:#000d}#spot-result{display:block;max-height:75dvh;max-width:100%;margin:auto}.spot-preview-actions{display:flex;gap:12px;margin-top:12px;justify-content:center}@keyframes spot-render{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes spot-scan{from{bottom:0;opacity:1}to{bottom:100%;opacity:0}}@media(max-width:700px){.spot-layout{grid-template-columns:minmax(0,1fr);gap:20px}.spot-stage{width:100%;max-height:72dvh;max-width:405px;justify-self:center}.spot-controls{width:100%}.spot-page{padding-top:calc(var(--hdr) + 20px)}.spot-controls .btn{min-height:46px}}@media(prefers-reduced-motion:reduce){.spot-figure.render-in>img,.render-in .spot-scan{animation:none}}