:root{font-family:Roboto,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#2d2d2d;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#007f8b;text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1100px;margin:0 auto;padding:2rem;font-family:Roboto,Segoe UI,sans-serif;color:#2d2d2d}.app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}h1{color:#007f8b;margin:0}h2{color:#333;border-bottom:2px solid #007f8b;padding-bottom:.5rem;margin-top:0}.status{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.status.ready{background:#e6f7f0;color:#0a7c42;border:1px solid #b5e8cd}.status.loading{background:#fff8e1;color:#b57a00;border:1px solid #ffe082}.webcam-section{margin-top:2rem}.mask-picker{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.btn-mask{background:#2a2a2a;color:#ccc;border:2px solid transparent;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-mask:hover{background:#3a3a3a;color:#fff}.btn-mask.active{background:#007f8b;border-color:#00b0c0;color:#fff}.controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn{padding:10px 24px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:#007f8b;color:#fff}.btn-primary:hover{background:#005f68}.btn-primary:disabled{background:#aaa;cursor:wait}.btn-danger{background:#d93025;color:#fff}.btn-danger:hover{background:#b3261e}.toggle-label{display:flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#007f8b}.video-view{position:relative;display:inline-block;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000026;background:#000}.video-view video{display:block;width:100%;height:100%}.video-view .overlay-canvas,.video-view .three-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-view .three-overlay canvas{width:100%!important;height:100%!important}