*{box-sizing:border-box}html{scroll-padding-top:85px}body{margin:0;font:15px/1.6 system-ui,sans-serif}.wrap{max-width:1250px;margin:auto;padding:0 26px}.skip{position:absolute;top:-80px}.skip:focus{top:10px}header{border-bottom:1px solid var(--sv-border);background:white}header nav{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px}header nav>div{display:flex;gap:24px;font-size:13px}a{color:var(--sv-primary);text-underline-offset:4px}.intro{max-width:710px;padding:58px 0 35px}.intro h1{font-size:clamp(36px,5vw,60px);line-height:1.1;margin:15px 0;letter-spacing:-2px}.intro>p:not(.eyebrow){color:var(--sv-muted);font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--sv-muted)}.intro-tags{display:flex;gap:20px;font-size:11px;color:var(--sv-muted)}h2{font-size:25px;margin:0 0 12px}h3{font-size:18px;margin:8px 0 12px}button,input,select{font:inherit}button{padding:11px 16px;border:1px solid var(--sv-primary);border-radius:5px;cursor:pointer;background:var(--sv-primary);color:white;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}input,select{padding:10px;border:1px solid var(--sv-border);border-radius:5px;background:white;color:var(--sv-text)}input[type=checkbox]{width:18px;height:18px}input[type=range]{width:100%;padding:0;accent-color:var(--sv-primary)}label{display:block;font-size:12px;color:var(--sv-muted)}.workbench{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.profiles{padding-top:20px}.profiles h2{font-size:15px}.profiles button{display:flex;width:100%;align-items:center;gap:10px;background:white;color:var(--sv-text);border-color:var(--sv-border);text-align:left;margin:8px 0;font-size:13px;padding:12px}.profiles button[aria-pressed=true]{background:var(--sv-selected);color:var(--sv-primary);border-color:var(--sv-primary)}.profile-symbol{font-size:20px;width:25px;text-align:center}.profiles button small{display:block;font-size:10px;font-weight:400}.console{border:1px solid var(--sv-border);border-radius:5px;padding:24px;min-width:0}.console-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.console-heading h2{margin:0;font-size:24px}.console-heading .eyebrow{margin:0 0 4px;font-size:9px}.connection{font-size:11px;padding:4px 9px;border:1px solid var(--sv-border);border-radius:3px;color:var(--sv-muted)}.stage{background:var(--sv-subtle);border:1px solid var(--sv-border);margin-top:20px;border-radius:4px;overflow:hidden}.stage canvas{display:block;width:100%;height:auto;max-height:240px}.stage-caption{display:flex;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--sv-border);font-size:10px;color:var(--sv-muted)}.control-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 10px}.control-actions button{min-height:46px;font-size:13px}#deadman{touch-action:none;user-select:none;-webkit-user-select:none}#deadman[aria-pressed=true]{background:var(--sv-primary);color:white}.status{min-height:24px;font-size:12px;margin:10px 0;color:var(--sv-muted)}.sticks{display:grid;grid-template-columns:1fr 1fr;gap:38px;max-width:620px;margin:15px auto}.sticks>div>p{font-size:12px;color:var(--sv-muted);text-align:center;margin:0 0 10px}.stick{width:100%;aspect-ratio:1;max-width:230px;margin:auto;position:relative;border:1px solid #becac0;border-radius:50%;background:#f7f8f6;touch-action:none;user-select:none;-webkit-user-select:none}.cross-h,.cross-v{position:absolute;background:#dbe3db;pointer-events:none}.cross-h{height:1px;width:80%;left:10%;top:50%}.cross-v{width:1px;height:80%;top:10%;left:50%}.knob{position:absolute;width:50px;height:50px;border-radius:50%;background:#27533b;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;border:5px solid #e5ece4}.stick-hint{position:absolute;bottom:17%;width:100%;text-align:center;font-size:10px;color:#68746b;pointer-events:none}.small{font-size:12px;color:var(--sv-muted)}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:15px 0}.channels output{display:block;font-size:16px;color:var(--sv-text);font-variant-numeric:tabular-nums}.channels label{font-size:11px}.channel-details summary,details summary{cursor:pointer;font-weight:550;font-size:13px}.tuning{display:flex;gap:15px;flex-wrap:wrap;align-items:end;border-top:1px solid var(--sv-border);padding-top:16px}.tuning select{display:block;margin-top:4px;font-size:12px}.tuning button{font-size:12px}.notice{font-size:12px;padding:12px;background:#fff8e8;color:#705519;border:1px solid #eddfbd;border-radius:4px}.section{padding:65px 0 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px;border:1px solid var(--sv-border);border-radius:5px;background:white}.card p{font-size:13px;color:var(--sv-muted)}.card>a{font-size:13px}.hardware-tag{font-size:10px;color:var(--sv-muted)}.connect-panel{margin-top:20px}.connect-panel input:not([type=checkbox]){display:block;width:100%;margin:6px 0 12px}.connect-panel label{max-width:570px}.check{display:flex;align-items:center;gap:10px;margin:18px 0}.setup{list-style:decimal-leading-zero;padding-left:35px;margin:28px 0}.setup li{padding:0 0 23px 12px}.setup strong,.setup span{display:block}.setup strong{font-size:14px}.setup span{font-size:13px;color:var(--sv-muted);margin-top:6px;max-width:850px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}footer{margin-top:60px!important;padding-top:25px!important;padding-bottom:30px!important;border-top:1px solid var(--sv-border);font-size:12px;color:var(--sv-muted)}footer nav{display:flex;gap:20px;margin:20px 0}footer>p{font-size:11px}[hidden]{display:none!important}@media(max-width:850px){.workbench{grid-template-columns:1fr}.profiles{padding-top:0}.profiles>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profiles button{margin:0;font-size:11px;display:block;padding:10px}.profile-symbol{display:none}.profiles p{margin-bottom:5px}.hardware-grid{grid-template-columns:1fr}.hardware-grid .card{padding:20px}.intro{padding-top:38px}.profiles h2{font-size:14px}}@media(max-width:600px){.wrap{padding-inline:16px}header nav{min-height:70px;gap:10px}header nav>div{gap:12px;font-size:10px}header nav>div a:first-child{display:none}.intro h1{font-size:41px}.intro>p:not(.eyebrow){font-size:15px}.intro-tags{font-size:10px;gap:12px}.console{padding:16px}.console-heading{align-items:start}.console-heading h2{font-size:21px}.connection{font-size:9px;max-width:110px}.control-actions{gap:8px}.control-actions button{font-size:11px;padding:10px}.sticks{gap:22px}.knob{width:38px;height:38px;border-width:4px}.stick-hint{font-size:8px}.channels{grid-template-columns:1fr 1fr;gap:15px}.section{padding-top:45px}.section-heading{display:block}.section-heading>a{margin-top:15px}.guide-grid{grid-template-columns:1fr}.tuning{gap:10px}.tuning select{max-width:145px}.stage-caption{font-size:9px}.card{padding:20px}.profiles>div{grid-template-columns:repeat(4,minmax(0,1fr))}.profiles button small{font-size:8px}}
body[data-skyvison-theme] .profiles button{background:var(--sv-surface);color:var(--sv-text);border-color:var(--sv-border)}body[data-skyvison-theme] .profiles button[aria-pressed=true]{background:var(--sv-selected);color:var(--sv-primary);border-color:var(--sv-primary)}body[data-skyvison-theme] .profiles button:hover{background:var(--sv-subtle);color:var(--sv-primary)}