:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf8fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#071013;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app{background-color:#071013;background-image:linear-gradient(90deg,#00d8ff14 1px,#0000 1px),linear-gradient(0deg,#9dff650f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100dvh;overflow:hidden}.stage{isolation:isolate;width:100%;height:100%;position:relative;overflow:clip}.camera-feed,.paint-layer,.hud-layer,.ambient-vignette,.grid-layer{touch-action:none}.camera-feed,.paint-layer,.hud-layer,.ambient-vignette{width:100%;height:100%;position:absolute;inset:0}.camera-feed{object-fit:cover;filter:saturate(1.08)contrast(1.04);background:#05090b}.camera-feed.is-mirrored{transform:scaleX(-1)}.paint-layer,.hud-layer,.ambient-vignette{pointer-events:none}.paint-layer{z-index:2}.hud-layer{z-index:3}.ambient-vignette{z-index:4;background:linear-gradient(#071013b8,#0000 18% 68%,#071013cc),radial-gradient(circle,#0000 40%,#0000006b 100%)}.topbar,.bottom-dock,.gesture-rail,.vision-panel,.settings-panel,.gesture-guide-panel,.permission-panel,.toast{z-index:10;-webkit-backdrop-filter:blur(18px);background:#050c0fad;border:1px solid #e9fbff24;position:absolute;box-shadow:0 12px 40px #00000052}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 12px 0 14px;display:flex;top:14px;left:14px;right:14px}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#9dff65;letter-spacing:0;border:1px solid #00d8ff85;border-radius:7px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid;box-shadow:inset 0 0 20px #00d8ff24}.brand strong,.brand span{letter-spacing:0;display:block}.brand strong{font-size:16px;line-height:1.05}.brand div>span{color:#e9fbff94;margin-top:3px;font-size:11px}.status-cluster{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.status-chip,.icon-button{color:#e9fbffd6;background:#ffffff0f;border:1px solid #e9fbff24;border-radius:7px;min-height:32px}.status-chip{white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:260px;padding:0 10px;font-size:12px;display:inline-flex;overflow:hidden}.status-chip.is-live{color:#cfffad;border-color:#9dff6552}.icon-button,.help-button,.bottom-dock button,.settings-panel button{cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.icon-button{width:40px;font-weight:800}@media (hover:hover) and (pointer:fine){.icon-button:hover,.help-button:hover,.bottom-dock button:hover:not(:disabled),.settings-panel button:hover{background:#00d8ff1f;border-color:#00d8ff8c}.swatch:hover{transform:scale(1.12)}}.help-button{color:#e9fbffdb;white-space:nowrap;background:#ffffff0f;border:1px solid #e9fbff24;border-radius:7px;min-width:64px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800}.gesture-rail{border-radius:8px;gap:6px;width:154px;padding:8px;display:grid;top:88px;left:14px}.gesture-cell{color:#e9fbffa8;background:#ffffff09;border:1px solid #e9fbff14;border-radius:7px;grid-template-columns:34px 1fr;align-items:center;min-height:34px;padding:0 8px 0 0;display:grid}.gesture-cell span{color:#00d8ff;text-align:center;font-size:11px;font-weight:800}.gesture-cell strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.gesture-cell.is-active{color:#fff;background:#9dff6524;border-color:#9dff659e;box-shadow:inset 0 0 26px #9dff6514}.vision-panel{border-radius:8px;gap:10px;width:210px;padding:12px;display:grid;top:88px;right:14px}.panel-row{border-bottom:1px solid #e9fbff14;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding-bottom:8px;display:flex}.panel-row span{color:#e9fbff7a;font-size:10px;font-weight:800}.panel-row strong{white-space:nowrap;text-overflow:ellipsis;color:#fff;min-width:0;font-size:13px;overflow:hidden}.signal-bars{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;height:46px;display:grid}.signal-bars span{background:linear-gradient(#ff4fd8,#00d8ff 48%,#9dff65);border-radius:4px 4px 0 0;display:block}.bottom-dock{border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:10px;display:flex;bottom:18px;left:50%;transform:translate(-50%)}.swatches{gap:7px;display:flex}.bottom-dock .swatch{cursor:pointer;background-clip:content-box;border:8px solid #0000;border-radius:999px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;box-shadow:inset 0 0 0 2px #ffffff38}.bottom-dock .swatch.is-selected{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #00d8ff80}.size-control{color:#e9fbffb8;align-items:center;gap:9px;min-width:170px;font-size:12px;display:flex}.size-control input{accent-color:#00d8ff;width:118px}.bottom-dock button,.settings-panel button{white-space:nowrap;background:#ffffff0f;border:1px solid #e9fbff29;border-radius:7px;min-width:44px;min-height:44px;padding:0 12px;font-size:12px;font-weight:800}.settings-panel .settings-header button,.settings-panel .wide-action{min-height:36px}.bottom-dock button:disabled{cursor:default;opacity:.36}.dock-icon{font-size:20px;font-weight:400;line-height:1;display:block}.settings-panel{border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(360px,100vw - 28px);max-height:calc(100dvh - 176px);padding:13px;display:grid;top:88px;right:14px}.settings-body{overscroll-behavior:contain;align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.settings-group{background:#ffffff08;border:1px solid #e9fbff1a;border-radius:8px;padding:8px 10px}.settings-group>summary{cursor:pointer;color:#e9fbffd1;align-items:center;min-height:24px;font-size:12px;font-weight:700;display:flex}.settings-group[open]>summary{margin-bottom:10px}.settings-group>:not(summary){margin-top:10px}.shortcut-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.shortcut-list li{color:#e9fbffb8;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.shortcut-list kbd{color:#cbf4ff;white-space:nowrap;background:#00d8ff14;border:1px solid #00d8ff47;border-radius:5px;padding:2px 6px;font-family:inherit;font-size:11px}.field-row em{color:#9dff65;text-align:right;min-width:40px;font-size:12px;font-style:normal;font-weight:700}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gesture-guide-panel{border-radius:8px;grid-template-rows:auto 1fr;gap:12px;width:min(760px,100vw - 28px);max-height:calc(100vh - 184px);padding:14px;display:grid;top:88px;left:50%;overflow:hidden;transform:translate(-50%)}.guide-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.guide-header strong,.guide-header span{display:block}.guide-header strong{font-size:15px}.guide-header span{color:#e9fbff94;margin-top:3px;font-size:12px}.guide-header button{cursor:pointer;background:#ffffff0f;border:1px solid #e9fbff29;border-radius:7px;width:30px;min-width:30px;height:30px}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-right:2px;display:grid;overflow:auto}.guide-card{background:#ffffff0b;border:1px solid #e9fbff1a;border-radius:8px;align-content:start;gap:8px;min-height:232px;padding:11px;display:grid}.guide-code{color:#9dff65;border:1px solid #00d8ff59;border-radius:6px;width:fit-content;padding:2px 7px;font-size:11px;font-weight:900}.guide-hands{align-items:end;gap:10px;min-height:54px;display:flex}.guide-hand{border-bottom:8px solid #e9fbff29;border-radius:0 0 18px 18px;justify-content:center;align-items:end;gap:3px;width:58px;height:50px;display:flex;position:relative}.guide-hand:after{content:"";background:#e9fbff1f;border-radius:50%;width:22px;height:14px;position:absolute;bottom:-11px;left:18px}.guide-finger{background:#e9fbff73;border-radius:6px 6px 2px 2px;width:8px;box-shadow:0 0 10px #00d8ff29}.guide-finger.open,.guide-finger.index,.guide-finger.thumb{background:#00d8ff;height:42px}.guide-finger.index{background:#9dff65}.guide-finger.thumb{background:#ffd166;height:36px;transform:rotate(-28deg)translateY(4px)}.guide-finger.closed{height:18px}.guide-finger.pinch{background:#ff4fd8;height:26px}.guide-finger.pinch:first-child{transform:rotate(34deg)translate(3px,4px)}.guide-finger.pinch:nth-child(2){transform:rotate(-22deg)translate(-3px,4px)}.guide-card strong{font-size:13px}.guide-card p,.guide-card small{margin:0;line-height:1.45}.guide-card p{color:#e9fbffb8;font-size:12px}.guide-card small{color:#ffd166c7;font-size:11px}.settings-header,.toggle-row,.field-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-header strong{font-size:13px}.settings-header button{width:28px;min-width:28px;height:28px;padding:0}.toggle-row,.field-row,.field-grid label{color:#e9fbffb8;font-size:12px}.toggle-row input{accent-color:#9dff65;width:18px;height:18px}.field-row select,.field-row input,.field-grid input{color:#edf8fb;background:#ffffff0f;border:1px solid #e9fbff24;border-radius:7px;width:100%;min-width:0;height:32px;padding:0 9px}.field-row>span{min-width:72px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-grid label{gap:6px;display:grid}.wide-action{color:#eafff5;width:100%;background:#00d8ff24!important}.wide-action.secondary{background:#ffd1661a!important}.qwen-result{color:#e9fbffbd;border:1px solid #e9fbff1a;border-radius:7px;max-height:94px;margin:0;padding:8px;font-size:12px;line-height:1.45;overflow:auto}.zone-readout{color:#9dff65c2;font-size:11px;font-weight:800}.permission-panel{border-radius:8px;gap:12px;width:min(420px,100vw - 34px);max-height:calc(100dvh - 200px);padding:18px;display:grid;top:42%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.permission-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.permission-head strong{font-size:16px}.permission-head button{background:#ffffff0f;border:1px solid #e9fbff29;border-radius:7px;width:30px;min-width:30px;height:30px;padding:0}.permission-panel p{color:#e9fbffb3;margin:0;font-size:13px;line-height:1.55}.permission-hint{border-left:2px solid #9dff6580;padding-left:10px;color:#9dff65db!important}.permission-actions{flex-wrap:wrap;gap:10px;display:flex}.permission-panel button{cursor:pointer;background:#ffffff0f;border:1px solid #e9fbff2e;border-radius:7px;min-height:40px;padding:0 14px;font-size:13px}.permission-panel button.primary{background:#00d8ff29;border-color:#00d8ff66;font-weight:700}.toast-stack{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100vw - 32px);display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:180px;max-width:100%;padding:12px 16px;font-size:13px;font-weight:700;display:flex;position:static}.toast-action{color:#eafcff;cursor:pointer;background:#00d8ff2e;border:1px solid #00d8ff75;border-radius:6px;flex:none;min-height:30px;padding:0 12px;font-size:12px;font-weight:800}.toast.success{border-color:#9dff6575}.toast.warn{border-color:#ffd16685}.toast.error{border-color:#ff5d7385}.status-chip.is-down{color:#ffc2cb;border-color:#ff5d7380}.onboarding-fallback{color:#ffd166db!important;font-size:12.5px!important}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:58px;padding:10px}.status-cluster{justify-content:space-between;width:100%}.status-chip{max-width:42vw}.gesture-rail{width:132px;top:118px}.vision-panel{width:170px;top:118px}.bottom-dock{flex-wrap:wrap;justify-content:center;width:calc(100% - 28px)}.size-control{order:4;min-width:220px}.gesture-guide-panel{max-height:calc(100dvh - 214px);top:118px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast-stack{top:128px}.settings-panel{max-height:calc(100dvh - 206px);top:118px}}@media (width<=620px){.gesture-rail,.vision-panel{display:none}.field-grid{grid-template-columns:1fr}.settings-panel{max-height:calc(100dvh - 200px);top:112px}.gesture-guide-panel{top:112px}.guide-grid{grid-template-columns:1fr}}@media (height<=700px){.settings-panel,.gesture-guide-panel{max-height:calc(100dvh - 172px);top:76px}.onboarding-card{margin-bottom:76px}}.export-wrap{position:relative}.export-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#071013f0;border:1px solid #00d8ff38;border-radius:12px;flex-direction:column;gap:4px;min-width:188px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 34px #00000080}.export-menu button{text-align:left;justify-content:flex-start;width:100%;padding:8px 10px;font-size:12px}.onboarding{pointer-events:none;z-index:40;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.onboarding-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071013eb;border:1px solid #00d8ff42;border-radius:16px;width:min(440px,100vw - 32px);margin-bottom:84px;padding:20px 22px 16px;box-shadow:0 18px 48px #0000008c}.onboarding-card h2{color:#e9fbff;margin:0 0 8px;font-size:17px}.onboarding-card p{color:#e9fbffc7;margin:0 0 12px;font-size:13px;line-height:1.6}.onboarding-hint{color:#00d8ffe6;border:1px dashed #00d8ff59;border-radius:10px;margin-bottom:12px;padding:8px 12px;font-size:12.5px}.onboarding-hint.is-done{color:#9dff65;border-color:#9dff6580}.onboarding-list{color:#e9fbffd1;margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.9}.onboarding-list strong{color:#9dff65;font-weight:600}.onboarding-actions{justify-content:flex-end;gap:10px;display:flex}.onboarding-actions button{padding:8px 16px;font-size:13px}.onboarding-actions button.primary{color:#04191f;background:linear-gradient(135deg,#00d8ffe6,#9dff65cc);border:none;font-weight:700}.onboarding-steps{justify-content:center;gap:6px;margin-top:14px;display:flex}.onboarding-steps span{background:#e9fbff2e;border-radius:2px;width:22px;height:3px;transition:background .3s}.onboarding-steps span.is-active{background:#00d8ff}.grid-layer{pointer-events:none;opacity:.24;background-image:linear-gradient(90deg,#00d8ff29 1px,#0000 1px),linear-gradient(#00d8ff29 1px,#0000 1px);background-size:64px 64px;animation:26s linear infinite grid-drift;position:absolute;inset:-64px}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}.settings-panel,.gesture-guide-panel,.permission-panel,.export-menu,.onboarding-card{animation:.24s cubic-bezier(.22,1,.36,1) panel-in}.toast{animation:.26s cubic-bezier(.22,1,.36,1) toast-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bottom-dock button,.settings-panel button,.icon-button,.help-button,.swatch{transition:transform .12s,background .16s,border-color .16s,box-shadow .16s}.bottom-dock button:active:not(:disabled),.settings-panel button:active,.icon-button:active,.help-button:active{transform:translateY(1px)scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #00d8ff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grid-layer{animation:none}}@media (width<=620px){.bottom-dock{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}.export-menu{left:50%;right:auto;transform:translate(-50%)}.onboarding-card{margin-bottom:132px}}