:root{font-family:Inter,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;color:#e8eceb;background:#111514;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #111514;--panel: #191e1d;--panel-2: #202625;--line: #313a38;--muted: #899591;--text: #e8eceb;--accent: #66d9ad;--accent-2: #ffb45f;--danger: #ff7b73;--info: #73aef5}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:68px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#151918;position:sticky;top:0;z-index:20}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:150px}.brand-mark{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:#102019;background:var(--accent)}.brand-lockup h1{margin:0;font-size:17px;line-height:1.15;font-weight:760;letter-spacing:0}.brand-lockup p{margin:3px 0 0;color:var(--muted);font-size:11px}.status-cluster{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-chip{min-height:28px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#181d1c;font-size:12px;white-space:nowrap}.status-chip svg{color:#71807b}.status-chip.is-good{color:#b6f2dc;border-color:#346653;background:#17261f}.status-chip.is-good svg{color:var(--accent)}.status-chip.is-busy{color:#ffe0b3;border-color:#695333}.status-chip.is-busy svg{color:var(--accent-2);animation:pulse 1.2s ease-in-out infinite}.status-chip.is-bad{color:#ffc0bc;border-color:#713c39}.status-chip.is-bad svg{color:var(--danger)}.account-button{min-height:28px;padding:0 10px;border:1px solid #416452;border-radius:6px;color:#d8f7eb;background:#1d342a;cursor:pointer;font-size:11px}.account-button:hover{border-color:var(--accent);background:#285a48}.announcement-strip{max-width:1540px;margin:12px auto 0;padding:10px 14px;display:flex;gap:12px;border:1px solid #695333;color:#f3d4a8;background:#2a2117;font-size:11px}.announcement-strip strong{color:#ffd18e;white-space:nowrap}.workspace{max-width:1540px;margin:0 auto;padding:20px 24px 32px;display:grid;grid-template-columns:minmax(230px,.78fr) minmax(420px,1.5fr) minmax(260px,.88fr);gap:16px;align-items:stretch}.panel-block{min-width:0;border:1px solid var(--line);background:var(--panel)}.connection-panel,.effect-panel{padding:18px}.stage-panel{display:flex;flex-direction:column;min-height:600px;overflow:hidden}.rules-panel{grid-column:1 / 3;padding:18px}.activity-panel{grid-column:3;padding:18px;min-height:330px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;color:var(--muted)}.section-heading h2{color:var(--text);font-size:16px;line-height:1.2;margin:3px 0 0;font-weight:680;letter-spacing:0}.section-kicker{color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase}.stage-heading{padding:18px 20px 0}.target-controls{min-height:42px;margin:-2px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.segmented-control{height:34px;padding:3px;display:inline-flex;align-items:stretch;gap:2px;border:1px solid #35403d;border-radius:6px;background:#121716}.segmented-control button{min-width:104px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;color:#7f8c88;background:transparent;cursor:pointer;font-size:10px}.segmented-control button:hover:not(:disabled){color:#d7dfdc}.segmented-control button.active{color:#d8f7eb;background:#285a48}.segmented-control button:disabled{opacity:.4;cursor:not-allowed}.zone-selector{display:flex;align-items:center;gap:5px;overflow-x:auto}.zone-selector button{height:30px;padding:0 9px;border:1px solid #35403d;border-radius:5px;color:#899591;background:#171c1b;cursor:pointer;font-size:10px;white-space:nowrap}.zone-selector button:hover{color:#dbe3e0;border-color:#53605c}.zone-selector button.active{color:#161f1b;border-color:var(--accent);background:var(--accent);font-weight:680}.connection-group{display:grid;gap:9px}.divider-top{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.field-head{min-height:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.field-head label{color:#cbd2d0;font-size:12px;font-weight:650}.field-head>span{color:var(--muted);font-size:10px}.field-head svg{color:var(--muted)}.text-input,.number-input,.select-input,.table-input{min-width:0;color:var(--text);background:#111615;border:1px solid #35403d;border-radius:5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus,.number-input:focus,.select-input:focus,.table-input:focus{border-color:#5bc49d;box-shadow:0 0 0 3px #66d9ad17}.text-input{width:100%;height:38px;padding:0 11px;font-size:13px}.number-input{width:76px;height:34px;padding:0 8px}.select-input{width:100%;height:38px;padding:0 10px;font-size:12px}.select-input:disabled,.table-input:disabled{color:#66706d;cursor:not-allowed}.mono{font-family:Cascadia Mono,Consolas,monospace}.inline-field{height:38px;padding-left:11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #35403d;background:#111615;color:#87928f;border-radius:5px;font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.inline-field .number-input{border:0;height:36px;text-align:right}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px}.copy-field input{min-width:0;font-size:10px}.copied-note{color:var(--accent)}.preset-actions{display:flex;justify-content:flex-end;gap:8px}.button{height:38px;padding:0 14px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;font-weight:680;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.46;cursor:not-allowed}.button.primary{color:#0f1d18;background:var(--accent)}.button.primary:hover:not(:disabled){background:#7be5bd}.button.secondary{color:#d6dcda;border-color:#414d49;background:#252c2a}.button.secondary:hover:not(:disabled){border-color:#596762;background:#2b3431}.button.full{width:100%}.button.compact{height:34px;padding:0 11px}.icon-button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:5px;display:inline-grid;place-items:center;color:#aab4b1;background:#202625;cursor:pointer}.icon-button:hover{color:var(--text);border-color:#56635f}.icon-button.danger:hover{color:var(--danger);border-color:#7b4541}.text-button{padding:0;border:0;display:inline-flex;align-items:center;gap:6px;color:#a8b4b0;background:transparent;font-size:11px;cursor:pointer}.text-button:hover{color:var(--accent)}.field-note{min-height:16px;margin:0;color:#76827e;font-size:10px;line-height:1.5}.field-note.warning{color:#e8ad6a}.privacy-note{margin-top:22px;padding:12px;display:flex;gap:9px;color:#84908c;background:#141918;border-left:2px solid #3c4a46;font-size:10px;line-height:1.6}.privacy-note svg{flex:0 0 auto;margin-top:1px}.privacy-note p{margin:0}.live-indicator{height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:11px}.live-indicator.is-active{color:#b7f6dd;border-color:#3b755e;background:#172821}.live-indicator.is-active svg{animation:pulse .7s ease-in-out infinite}.model-stage{position:relative;flex:1;min-height:470px;margin:0 20px;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #303936;background:#121716}.model-stage.is-vts-target{cursor:default}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.44;background-image:linear-gradient(#2b3431 1px,transparent 1px),linear-gradient(90deg,#2b3431 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.stage-grid:before,.stage-grid:after{content:"";position:absolute;background:#3a4541}.stage-grid:before{top:50%;left:0;right:0;height:1px}.stage-grid:after{left:50%;top:0;bottom:0;width:1px}.avatar-figure{position:absolute;left:50%;bottom:-6%;width:min(52%,280px);aspect-ratio:.58;transform:translate(-50%);opacity:.92;filter:drop-shadow(0 20px 28px rgba(0,0,0,.25))}.avatar-hair-back{position:absolute;z-index:1;top:5%;left:13%;width:74%;height:46%;border-radius:48% 48% 36% 36%;background:#374440;box-shadow:inset 0 0 0 1px #465550}.avatar-head{position:absolute;z-index:3;top:10%;left:22%;width:56%;height:34%;border-radius:48% 48% 45% 45%;background:#a7b8b1;box-shadow:inset -12px -14px 24px #3d4e4829}.avatar-head:before,.avatar-head:after{content:"";position:absolute;z-index:2;top:-6%;width:44%;height:72%;background:#41504b}.avatar-head:before{left:-9%;border-radius:80% 15% 70% 20%;transform:rotate(10deg)}.avatar-head:after{right:-9%;border-radius:15% 80% 20% 70%;transform:rotate(-10deg)}.avatar-eye{position:absolute;z-index:4;top:47%;width:10%;height:5%;border-radius:50%;background:#28332f}.avatar-eye.left{left:26%}.avatar-eye.right{right:26%}.avatar-mouth{position:absolute;z-index:4;left:46%;top:69%;width:9%;height:4%;border-bottom:2px solid #53635d;border-radius:50%}.avatar-neck{position:absolute;z-index:2;top:39%;left:42%;width:16%;height:13%;background:#91a39c}.avatar-body{position:absolute;z-index:2;left:8%;bottom:0;width:84%;height:58%;border-radius:48% 48% 8% 8%;overflow:hidden;background:#2d8070;box-shadow:inset -24px -18px 30px #0c2d2638,inset 0 0 0 1px #429985}.avatar-body:before{content:"";position:absolute;left:50%;top:0;width:26%;height:20%;border-radius:0 0 50% 50%;background:#91a39c;transform:translate(-50%)}.avatar-body span{position:absolute;top:16%;width:28%;height:5px;background:#c3ecdc59}.avatar-body span:first-child{left:17%;transform:rotate(-25deg)}.avatar-body span:last-child{right:17%;transform:rotate(25deg)}.model-stage.is-rubbing .avatar-figure{animation:avatar-rub .19s ease-in-out infinite alternate;transform-origin:50% 35%}.rub-radius{position:absolute;z-index:8;min-width:38px;min-height:38px;aspect-ratio:1;border:1px solid rgba(255,180,95,.75);border-radius:50%;background:#ffb45f17;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #ffb45f14,inset 0 0 28px #ffb45f14;transition:width .12s ease,height .12s ease,left .12s ease,top .12s ease}.rub-radius:before,.rub-radius:after{content:"";position:absolute;background:#ffb45f66}.rub-radius:before{left:50%;top:14%;bottom:14%;width:1px}.rub-radius:after{top:50%;left:14%;right:14%;height:1px}.rub-point{position:absolute;z-index:2;left:50%;top:50%;width:29px;height:29px;display:grid;place-items:center;color:#2e1e0d;border:2px solid #20180f;border-radius:50%;background:var(--accent-2);transform:translate(-50%,-50%);box-shadow:0 4px 16px #ffb45f47}.model-stage.is-rubbing .rub-radius{animation:rub-ring .45s ease-out infinite}.axis-label{position:absolute;right:10px;color:#64716d;font-size:9px;writing-mode:vertical-rl}.axis-top{top:12px}.axis-bottom{bottom:12px}.calibration-strip{position:absolute;z-index:10;left:12px;right:12px;bottom:12px;min-height:54px;padding:9px 10px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;color:#9ba6a2;border-top:1px solid #3a4541;border-bottom:1px solid #3a4541;background:#111615f0}.calibration-strip>svg{color:#7d8985}.calibration-strip strong{display:block;color:#d3dbd8;font-size:11px}.calibration-strip p{margin:3px 0 0;color:#78847f;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.calibration-strip.is-bound{border-color:#326a54;background:#142720f0}.calibration-strip.is-bound>svg{color:var(--accent)}.calibration-strip.is-waiting{border-color:#87663d;background:#2d2214f2}.calibration-strip.is-waiting>svg{color:var(--accent-2);animation:pulse .8s ease-in-out infinite}.stage-footer{min-height:72px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.coordinate-readout{display:flex;gap:16px;color:#77837f;font:10px Cascadia Mono,Consolas,monospace}.coordinate-readout span{white-space:nowrap}.coordinate-readout b{color:#ccd5d2;font-weight:500}.stage-actions{display:flex;gap:8px;align-items:center}.slider-stack{display:grid;gap:18px}.slider-field{display:grid;grid-template-columns:48px 1fr 58px;gap:9px;align-items:center;color:#c8d0cd;font-size:11px}.slider-field output{color:#d7dfdc;text-align:right;font:10px Cascadia Mono,Consolas,monospace}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer}.effect-field{display:grid;gap:10px}.file-picker{min-width:0;height:40px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#aeb8b5;border:1px dashed #46534f;border-radius:5px;cursor:pointer;font-size:11px}.file-picker:hover{color:var(--accent);border-color:#5c826f}.file-picker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.rules-title{margin-bottom:14px}.rule-table-wrap{overflow-x:auto}.rule-table-head,.rule-row{min-width:790px;display:grid;grid-template-columns:46px minmax(120px,1fr) 90px minmax(140px,1.25fr) 92px 92px 36px;column-gap:8px;align-items:center}.rule-table-head{padding:0 8px 8px;color:#737f7b;font-size:9px}.rule-row{padding:8px;border-top:1px solid #2a3230}.rule-row:hover{background:#1c2220}.table-input{width:100%;height:32px;padding:0 8px;font-size:11px}.switch{position:relative;width:30px;height:18px;display:block}.switch input{position:absolute;opacity:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:#39413f;cursor:pointer;transition:.16s ease}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#8b9692;transition:.16s ease}.switch input:checked+span{background:#296b53}.switch input:checked+span:after{left:15px;background:#a9f0d4}.suffix-input{position:relative}.suffix-input .table-input{padding-right:25px}.suffix-input span{position:absolute;right:7px;top:9px;color:#74807c;font-size:9px;pointer-events:none}.activity-list{max-height:276px;overflow-y:auto}.activity-actions{display:flex;gap:10px}.activity-item{min-width:0;display:grid;grid-template-columns:54px 8px 1fr;gap:8px;padding:10px 0;border-top:1px solid #2a3230}.activity-item time{padding-top:2px;color:#68736f;font:9px Cascadia Mono,Consolas,monospace}.activity-dot{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#6e7a76}.activity-item.success .activity-dot{background:var(--accent);box-shadow:0 0 8px #66d9ad73}.activity-item.warning .activity-dot{background:var(--accent-2)}.activity-item strong{display:block;color:#cbd4d1;font-size:11px;font-weight:650}.activity-item p{margin:4px 0 0;color:#7d8985;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.empty-state{min-height:96px;padding:20px;display:flex;align-items:center;justify-content:center;gap:9px;color:#6f7c78;font-size:11px;text-align:center}@keyframes pulse{50%{opacity:.45}}@keyframes rub-ring{0%{box-shadow:0 0 #ffb45f59}to{box-shadow:0 0 0 18px #ffb45f00}}@keyframes avatar-rub{0%{transform:translate(-50%) rotate(-1.1deg)}to{transform:translate(-50%) rotate(1.1deg)}}html.overlay-document,body.overlay-document,html.overlay-document #root{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:transparent!important}.rub-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:transparent}.rub-hand-track{position:absolute;width:0;height:0;transform-origin:0 0;animation:overlay-hand-motion var(--rub-leg-duration) ease-in-out 0s var(--rub-iterations) alternate both;will-change:transform}.rub-hand-image{position:absolute;max-width:none;height:auto;transform:translate(calc(var(--rub-touch-x) * -100%),calc(var(--rub-touch-y) * -100%)) rotate(var(--rub-image-rotation));transform-origin:calc(var(--rub-touch-x) * 100%) calc(var(--rub-touch-y) * 100%);animation:overlay-hand-envelope var(--rub-total-duration) ease-in-out both;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18));will-change:opacity,transform}@keyframes overlay-hand-motion{0%{transform:rotate(var(--rub-path-angle)) translate(calc(var(--rub-travel) * -1)) rotate(calc(var(--rub-tilt) * -1))}to{transform:rotate(var(--rub-path-angle)) translate(var(--rub-travel)) rotate(var(--rub-tilt))}}@keyframes overlay-hand-envelope{0%{opacity:0;transform:translate(calc(var(--rub-touch-x) * -100%),calc(var(--rub-touch-y) * -100%)) rotate(var(--rub-image-rotation)) scale(.94)}10%{opacity:1}50%{transform:translate(calc(var(--rub-touch-x) * -100%),calc(var(--rub-touch-y) * -100%)) rotate(var(--rub-image-rotation)) scale(var(--rub-pressure))}88%{opacity:1}to{opacity:0;transform:translate(calc(var(--rub-touch-x) * -100%),calc(var(--rub-touch-y) * -100%)) rotate(var(--rub-image-rotation)) scale(.96)}}.rub-hand-track.motion-one-way{animation-name:overlay-hand-one-way;animation-iteration-count:1;animation-direction:normal}.rub-hand-track.motion-circle{animation-name:overlay-hand-circle;animation-iteration-count:1;animation-direction:normal}@keyframes overlay-hand-one-way{0%{transform:rotate(var(--rub-path-angle)) translate(calc(var(--rub-travel) * -1)) rotate(calc(var(--rub-tilt) * -1))}to{transform:rotate(var(--rub-path-angle)) translate(var(--rub-travel)) rotate(var(--rub-tilt))}}@keyframes overlay-hand-circle{0%{transform:rotate(var(--rub-path-angle)) translate(var(--rub-travel)) rotate(calc(var(--rub-tilt) * -1))}to{transform:rotate(calc(var(--rub-path-angle) + 360deg)) translate(var(--rub-travel)) rotate(var(--rub-tilt))}}@media (max-width: 1100px){.workspace{grid-template-columns:minmax(220px,.8fr) minmax(420px,1.5fr)}.effect-panel{grid-column:1;grid-row:2}.rules-panel{grid-column:1 / 3}.activity-panel{grid-column:2;grid-row:2}}@media (max-width: 760px){.topbar{height:auto;min-height:68px;padding:12px 16px;align-items:flex-start;gap:12px}.status-cluster{gap:5px}.status-chip{min-height:24px;padding:3px 6px;font-size:10px}.status-chip svg{display:none}.workspace{padding:12px;grid-template-columns:1fr;gap:12px}.connection-panel,.stage-panel,.effect-panel,.rules-panel,.activity-panel{grid-column:1;grid-row:auto}.stage-panel{min-height:560px}.model-stage{min-height:420px;margin:0 12px}.stage-heading{padding:16px 14px 0}.target-controls{margin:-2px 12px 10px;align-items:stretch;flex-direction:column}.segmented-control{width:100%}.segmented-control button{min-width:0;flex:1}.zone-selector{padding-bottom:2px}.zone-selector button{flex:1 0 auto}.stage-footer{padding:12px 14px;align-items:flex-end}.coordinate-readout{gap:8px;flex-direction:column}.rules-panel{padding:14px}}@media (max-width: 430px){.brand-lockup p{display:none}.brand-mark{width:32px;height:32px}.status-cluster{max-width:210px}.status-chip{flex:1 0 auto;justify-content:center}.model-stage{min-height:390px}.avatar-figure{width:62%}.stage-footer{flex-wrap:wrap}.stage-actions{margin-left:auto}}@media (prefers-reduced-motion: reduce){.app-shell *,.app-shell *:before,.app-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#050807b8}.account-dialog{width:min(420px,100%);padding:20px;display:grid;gap:12px;border:1px solid #42504b;background:#18201d;box-shadow:0 24px 80px #00000073}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0;font-size:18px}.auth-modes,.admin-tabs{display:flex;gap:4px;border-bottom:1px solid #303b37}.auth-modes button,.admin-tabs button{padding:9px 10px;border:0;color:#84918c;background:transparent;cursor:pointer;font-size:11px}.auth-modes button.active,.admin-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.auth-code{display:grid;grid-template-columns:1fr auto;gap:8px}.account-summary{margin:0;padding:12px;color:#c8d4ce;background:#121816;font-size:13px}.admin-page{min-height:100vh;padding:28px max(20px,calc((100vw - 1100px)/2));color:var(--text);background:#111615}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-header h1{margin:0;font-size:22px}.admin-header a{color:var(--accent);font-size:12px}.admin-login,.admin-form{max-width:620px;display:grid;gap:10px;padding:20px;border:1px solid var(--line);background:var(--panel)}.admin-login h2{margin:0 0 6px;font-size:16px}.admin-form textarea{min-height:120px;padding:10px;resize:vertical}.admin-list{margin-top:14px;border:1px solid var(--line);background:var(--panel)}.admin-row{min-height:58px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2a3230}.admin-row:last-child{border-bottom:0}.admin-row div{min-width:0;display:grid;gap:4px}.admin-row strong{color:#d5dedb;font-size:12px}.admin-row span,.admin-row small{color:#84908c;font-size:10px;overflow-wrap:anywhere}