:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh;margin:0}.app-shell{background:radial-gradient(circle at 80% 15%,#f4c87673,#0000 40%),radial-gradient(circle at 8% 88%,#6cb7ff73,#0000 35%),#0b1118;grid-template-rows:1fr auto;min-height:100dvh;display:grid}.stage{touch-action:none;position:relative;overflow:hidden}.webcam,.stage-overlay{width:100%;height:100%;position:absolute;inset:0}.webcam{object-fit:cover;background:#090d14}.stage-overlay{pointer-events:none;background:linear-gradient(#080d141a,#080d1466)}.overlay-image{cursor:grab;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:min(42vw,520px);max-height:64vh;position:absolute;top:0;left:0;box-shadow:0 20px 48px #00000061}.overlay-image.dragging{cursor:grabbing}.controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c12d1;border-top:1px solid #ffffff29;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 1.25rem 1.2rem;display:grid}.controls-closed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c12d1;border-top:1px solid #ffffff29;flex-direction:row;gap:1rem;padding:1rem 1.25rem 1.2rem;display:flex}.field{color:#ebf0f7;gap:.5rem;font-size:.92rem;display:grid}.inline-label{align-items:center;gap:.35rem;display:inline-flex}.inline-label input[type=number]{text-align:end;width:5.2rem}.lock-button{stroke:#fff;width:1.5rem;margin:0}.button-lock-button{appearance:none;box-shadow:none;color:#ebf0f7;cursor:pointer;background:#ffffff0a;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:background-color .12s,border-color .12s;display:inline-flex}.button-lock-button:hover{background:#ffffff1f;border-color:#ffffff8c}.button-lock-button:active{background:#ffffff2e}.field input{width:100%}.file-field input{color:#ebf0f7;background:#ffffff0f;border:1px solid #ffffff40;border-radius:.55rem;padding:.45rem}.status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.7rem;max-width:min(82vw,540px);margin:0;padding:.75rem .9rem;position:absolute;top:1rem;left:1rem}.status-error{color:#fff3f0;background:#a52e1aa6;border:1px solid #ffa28eb8}@media (width<=820px){.controls{grid-template-columns:1fr}.overlay-image{max-width:min(66vw,420px)}}