.sc-app{--a:#FF8758;--t:#F5F3EF;--m:#B4B1AC;--b:#41403D;color:var(--t);background:#171717;font-family:SF Space,SF Noto,Space Grotesk,Noto Sans SC,Arial,sans-serif;max-width:1440px;margin:auto;padding:56px 40px 36px;box-sizing:border-box}.sc-app *{box-sizing:border-box}.sc-app button,.sc-app select,.sc-app input{font:inherit}.sc-app button{cursor:pointer;border:1px solid var(--b);color:var(--t);background:transparent;border-radius:5px;min-height:42px;padding:10px 15px;font-size:13px}.sc-app button:hover{background:#31302e;border-color:#aaa49b}.sc-app button:focus-visible,.sc-app input:focus-visible,.sc-app select:focus-visible,.sc-app a:focus-visible,.sc-app .sc-map-point:focus-visible{outline:2px solid var(--a);outline-offset:4px}.sc-app a{color:inherit;text-decoration:none}.sc-app a:hover{color:var(--a)}.sc-app h1,.sc-app h2,.sc-app h3,.sc-app p{margin:0}.sc-app .sc-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px}.sc-app .sc-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--a);margin-bottom:14px!important}.sc-app .sc-intro h1{font-size:clamp(28px,3.4vw,46px);line-height:1.13;font-weight:500;letter-spacing:-.035em;text-wrap:balance;margin-bottom:18px}.sc-app .sc-lead{color:var(--m);max-width:680px;font-size:15px;line-height:1.7}.sc-app .sc-spec{flex:0 0 auto;border-left:1px solid var(--b);padding-left:36px;display:flex;flex-direction:column;gap:7px}.sc-app .sc-spec strong{font-size:62px;line-height:1;font-weight:500;letter-spacing:-.06em}.sc-app .sc-spec strong span{font-size:16px;margin-left:12px;letter-spacing:.03em;color:var(--m)}.sc-app .sc-spec>span{font-size:11px;letter-spacing:.15em;color:var(--a)}.sc-app .sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--b);padding:20px 0}.sc-app .sc-badges,.sc-app .sc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-app .sc-badges{gap:16px;font-size:12px;color:var(--m)}.sc-app .sc-status-dot{color:var(--t)}.sc-app .sc-status-dot:before{content:"";display:inline-block;background:var(--a);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #ff87581a}.sc-app button.sc-primary{background:var(--a);color:#20130c;border-color:var(--a);font-weight:600}.sc-app .sc-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:16px}.sc-app .sc-view,.sc-app .sc-axis-panel{border:1px solid var(--b);background:#222;border-radius:8px;min-width:0;overflow:hidden}.sc-app .sc-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 24px 0}.sc-app .sc-panel-heading h2{font-size:17px;font-weight:500}.sc-app .sc-tag{border:1px solid var(--b);color:var(--m);padding:4px 8px;border-radius:4px;font-size:10px}.sc-app .sc-mono{font-size:11px;color:var(--a);letter-spacing:.07em}.sc-app .sc-stage{height:470px;position:relative;isolation:isolate}.sc-app .sc-stage-grid{position:absolute;inset:24px 0;background-image:linear-gradient(#f5f3ef04 1px,transparent 1px),linear-gradient(90deg,#f5f3ef04 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 75%);mask-image:radial-gradient(ellipse at center,black,transparent 75%);z-index:-1}.sc-app .sc-stage canvas{touch-action:none}.sc-app .sc-hand-labels{position:absolute;bottom:20px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;text-align:center;pointer-events:none;font-size:11px;color:var(--m)}.sc-app .sc-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--m);pointer-events:none}.sc-app .sc-scene-error{padding:100px 32px;color:var(--m);line-height:1.7}.sc-app .sc-view-controls{padding:14px 24px 20px;border-top:1px solid #41403d88;display:flex;flex-direction:column;gap:14px}.sc-app .sc-view-controls>span{font-size:11px;color:var(--m)}.sc-app .sc-view-controls button{padding:8px 14px;min-height:38px}.sc-app .sc-panel-note{padding:12px 24px 16px;color:var(--m);font-size:12px;line-height:1.6}.sc-app .sc-hand-tabs{display:flex;margin:0 24px;gap:8px}.sc-app .sc-hand-tabs button{flex:1;font-size:12px;min-height:38px}.sc-app .sc-hand-tabs button[aria-selected=true]{color:var(--a);border-color:#ff875866;background:#ff875810}.sc-app .sc-scroll-hint{font-size:10px;color:var(--m);padding:12px 24px 6px}.sc-app .sc-axis-values{height:409px;overflow:auto;padding:0 24px 16px;scrollbar-width:thin;scrollbar-color:#625f5a #222}.sc-app .sc-axis-values fieldset{border:0;border-top:1px solid #41403d88;padding:12px 0;margin:12px 0 0;min-width:0}.sc-app .sc-axis-values legend{padding:0 9px 0 0;font-size:12px;font-weight:500}.sc-app .sc-axis-values legend span{color:#aaa;font-size:9px;letter-spacing:.06em;margin-left:8px}.sc-app .sc-axis-row{display:grid;grid-template-columns:minmax(88px,1fr) minmax(90px,1.1fr) 36px;gap:10px;align-items:center;font-size:11px;min-height:36px;color:var(--m)}.sc-app .sc-axis-row output{text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:var(--t)}.sc-app input[type=range]{width:100%;min-width:0;accent-color:var(--a);cursor:pointer;margin:0;height:20px}.sc-app .sc-haptics{margin-top:44px}.sc-app .sc-haptic-heading{display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.sc-app .sc-haptic-heading h2,.sc-app .sc-guide h2{font-size:26px;font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.sc-app .sc-haptic-heading p:not(.sc-eyebrow){color:var(--m);font-size:13px;line-height:1.7;max-width:570px}.sc-app .sc-haptic-settings{display:flex;gap:18px;flex:0 0 auto}.sc-app .sc-haptic-settings label{display:grid;grid-template-columns:1fr auto;gap:8px 10px;font-size:11px;color:var(--m);width:140px}.sc-app .sc-haptic-settings input{grid-column:1;grid-row:2}.sc-app .sc-haptic-settings output{grid-row:2;color:var(--t);font-size:11px}.sc-app .sc-haptic-settings select{grid-column:1/3;grid-row:2;background:#222;color:var(--t);border:1px solid var(--b);padding:4px 8px;border-radius:4px;font-size:11px}.sc-app .sc-haptic-hands{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sc-app .sc-haptic-card{border:1px solid var(--b);border-radius:8px;background:#222;display:flex;align-items:center;padding:20px 20px 16px;gap:14px;min-width:0}.sc-app .sc-hand-map{width:140px;flex:0 0 140px;height:210px}.sc-app .sc-map-point{cursor:pointer;fill:#b4b1ac}.sc-app .sc-pulse-ring{fill:transparent;stroke:#b4b1ac55;stroke-width:1.5}.sc-app .sc-map-point:hover,.sc-app .sc-map-point.is-active{fill:var(--a)}.sc-app .sc-map-point.is-active .sc-pulse-ring{fill:#ff875819;stroke:var(--a);animation:sc-pulse .65s ease-out infinite}.sc-app .sc-haptic-buttons{flex:1;min-width:0}.sc-app .sc-haptic-buttons h3{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;margin-bottom:16px}.sc-app .sc-haptic-buttons h3 span{font-size:11px;color:var(--m)}.sc-app .sc-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-app .sc-zone-grid button{display:flex;align-items:center;gap:7px;font-size:11px;padding:9px 10px;text-align:left;min-height:38px}.sc-app .sc-zone-grid button>span{font-size:9px;color:var(--m)}.sc-app .sc-zone-grid button i{margin-left:auto;width:4px;height:4px;border-radius:50%;background:#625f5a}.sc-app .sc-zone-grid button[aria-pressed=true]{border-color:var(--a);background:#ff875815;color:var(--a)}.sc-app .sc-zone-grid button[aria-pressed=true] i{background:var(--a)}.sc-app button.sc-all-pulse{border:0;padding:12px 0 0;min-height:36px;font-size:11px;color:var(--a);background:transparent}.sc-app .sc-pulse-status{min-height:32px;padding-top:14px;font-size:11px;color:var(--a)}.sc-app .sc-demo-note{padding:16px 20px;border:1px solid #ff875840;background:#ff875807;border-radius:5px;font-size:12px;color:var(--m);line-height:1.7;margin-top:16px!important}.sc-app .sc-guide{padding:50px 0 32px}.sc-app .sc-guide h2{margin-bottom:24px}.sc-app .sc-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sc-app .sc-guide h3{font-size:14px;font-weight:500;margin-bottom:12px}.sc-app .sc-guide p{font-size:12px;color:var(--m);line-height:1.8}.sc-app .sc-end{border-top:1px solid var(--b);padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.sc-app .sc-end>a{color:var(--a);font-size:13px}.sc-app .sc-end p{font-size:10px;color:var(--m);line-height:1.6}@keyframes sc-pulse{0%{opacity:1}to{opacity:.3}}@media(min-width:1500px){.sc-stage{height:510px}.sc-app .sc-axis-values{height:449px}}@media(max-width:1050px){.sc-app{padding:40px 24px 28px}.sc-app .sc-workspace{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr)}.sc-app .sc-stage{height:480px}.sc-app .sc-haptic-heading{align-items:flex-start;flex-direction:column;gap:18px}.sc-app .sc-haptic-settings{width:100%}.sc-app .sc-haptic-card{padding:16px 12px;gap:5px}.sc-app .sc-hand-map{width:106px;flex-basis:106px;height:195px}.sc-app .sc-zone-grid button{font-size:10px;padding:8px 7px;gap:5px}.sc-app .sc-spec{padding-left:24px}.sc-app .sc-spec strong{font-size:50px}}@media(max-width:760px){.sc-app{padding:32px 16px 24px}.sc-app .sc-intro{gap:16px;align-items:flex-start;margin-bottom:24px}.sc-app .sc-intro h1{font-size:30px}.sc-app .sc-lead{font-size:13px}.sc-app .sc-spec{display:none}.sc-app .sc-toolbar{align-items:stretch;flex-direction:column}.sc-app .sc-badges{font-size:10px;gap:12px}.sc-app .sc-workspace{grid-template-columns:1fr}.sc-app .sc-stage{height:400px}.sc-app .sc-hand-labels{grid-template-columns:1fr;top:17px;bottom:17px;align-content:space-between;padding-left:65%;font-size:10px}.sc-app .sc-panel-heading{padding:18px 18px 0}.sc-app .sc-view-controls{padding:14px 18px 18px}.sc-app .sc-panel-note{padding:12px 18px 16px}.sc-app .sc-hand-tabs{margin:0 18px}.sc-app .sc-scroll-hint{padding:12px 18px 6px}.sc-app .sc-axis-values{padding:0 18px 16px;height:350px}.sc-app .sc-axis-row{min-height:42px}.sc-app .sc-haptic-hands{grid-template-columns:1fr}.sc-app .sc-haptic-card{padding:18px 12px;gap:8px}.sc-app .sc-hand-map{width:112px;flex-basis:112px;height:205px}.sc-app .sc-zone-grid button{font-size:11px;min-height:40px;padding:8px}.sc-app .sc-haptic-heading h2,.sc-app .sc-guide h2{font-size:24px}.sc-app .sc-haptics{margin-top:32px}.sc-app .sc-haptic-settings{gap:20px}.sc-app .sc-guide{padding-top:36px}.sc-app .sc-guide>div{grid-template-columns:1fr;gap:24px}.sc-app .sc-end{gap:16px}.sc-app .sc-end p{max-width:100%}}@media(prefers-reduced-motion:reduce){.sc-map-point.is-active .sc-pulse-ring{animation:none}}