*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#0b0e14;color:#e6e9f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh;background:url(/assets/studio-bg-stylise-CeGQ2bZu.jpg) center / cover no-repeat #0b0e14}#app:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#00000059,#00000026 55%,#00000073);pointer-events:none;z-index:1}#video{display:none}#canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh;z-index:6}#pottery-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}#reset-pot{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:10px 22px;background:#0b0e14a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e6e9f0;font-size:14px;font-family:inherit;cursor:pointer;z-index:10;transition:background .15s ease,border-color .15s ease}#reset-pot:hover{background:#283040cc;border-color:#ffffff59}#debug-panel{position:absolute;top:16px;left:16px;min-width:260px;padding:14px 16px;background:#0b0e14a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:13px;line-height:1.5;z-index:10}#debug-panel h1{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8b93a7;margin-bottom:8px}.debug-row{display:flex;justify-content:space-between;gap:12px}.debug-label{color:#8b93a7}.debug-value{font-variant-numeric:tabular-nums;font-weight:600}#index-tips{margin-top:8px;font-family:Consolas,Menlo,monospace;font-size:12px;white-space:pre-line}#index-tips .tip-left{color:#4dd0e1}#index-tips .tip-right{color:#ffb74d}.legend{margin-top:10px;display:flex;align-items:center;gap:6px;color:#8b93a7;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot.left{background:#4dd0e1}.dot.right{background:#ffb74d;margin-left:10px}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;background:#0b0e14cc;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:15px;z-index:20}#status.hidden{display:none}#status.error{border-color:#e57373;color:#ef9a9a}