:root{color-scheme:light;--bg:#f7faff;--surface:#fff;--ink:#182a45;--muted:#6e8098;--blue:#338be9;--blue-dark:#1669c9;--line:#e3ebf5;--pale:#eff7ff;--shadow:0 20px 60px rgba(44,90,150,.05);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}a:hover{color:var(--blue-dark)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5aa2f4;outline-offset:3px}p{line-height:1.7}.skip-link{position:absolute;left:12px;top:-70px;z-index:50;padding:12px;background:#fff;border-radius:9px}.skip-link:focus{top:10px}.topbar{background:rgba(255,255,255,.9);border-bottom:1px solid #e8eef7}.topbar-inner{max-width:1280px;margin:auto;padding:18px 28px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:#318ff0;color:#fff;width:35px;height:35px;border-radius:11px;font-size:22px;letter-spacing:-2px;box-shadow:0 6px 12px rgba(40,145,250,.2)}.brand-blue{color:#3995f2}.main-nav{display:flex;gap:25px;color:#63768e;font-size:12px;font-weight:600}.main-nav [aria-current]{color:#216ebe}.privacy-tag{margin-left:auto;white-space:nowrap;border:1px solid #dcecf7;border-radius:99px;padding:9px 12px;color:#4d7e9d;background:#f3fbff;font-size:11px;font-weight:700}.art-led,.plot-led,.privacy-dot,.status-light{display:inline-block;width:7px;height:7px;background:#30c394;border-radius:50%;vertical-align:middle;margin-right:5px}.page{max-width:1280px;margin:auto;padding:22px 28px 76px}.breadcrumbs{font-size:11px;color:#91a1b3;display:flex;gap:11px}.breadcrumbs a:hover{color:var(--blue)}.intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:58px;align-items:center;padding:60px 12px 58px}.eyebrow,.section-kicker{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#438edf;text-transform:uppercase}.eyebrow-secondary{font-size:9px;color:#8ca2ba;letter-spacing:0;text-transform:none;margin-left:8px}.intro h1{font-size:clamp(39px,5.2vw,62px);letter-spacing:-2.7px;line-height:1.08;margin:16px 0 18px;font-weight:790}.intro h1 span{color:#3593ec}.intro p{font-size:14px;color:#6c8098;max-width:565px;margin:0}.hero-points{display:flex;flex-wrap:wrap;gap:12px 19px;margin-top:24px;font-size:11px;font-weight:650;color:#438eae}.intro-art{border-radius:16px;border:1px solid #273d58;background:#0b182b;box-shadow:0 22px 50px rgba(17,47,84,.18);overflow:hidden;padding:18px}.art-bottom,.art-title{display:flex;gap:9px;justify-content:space-between;color:#96b2ce;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:1px}.art-title span:last-child{margin-left:auto;color:#4bc9ba}.intro-art svg{width:100%;margin:11px 0}.art-bottom{font-size:9px;color:#6f839f}.studio{border:1px solid #dfeaf5;background:#fff;border-radius:23px;padding:28px;box-shadow:var(--shadow)}.studio-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.studio h2{font-size:29px;letter-spacing:-1px;margin:6px 0 4px}.muted{font-size:12px;color:var(--muted);margin:3px 0}.status-chip{font-size:11px;border:1px solid #e1eaf4;background:#f7faff;border-radius:99px;padding:10px 14px;white-space:nowrap;color:#677b92;font-weight:700}.status-chip.active .status-light{background:#30c393;box-shadow:0 0 0 3px #d6f8eb}.status-light{background:#adbccc}.alert{margin:18px 0;border:1px solid #d6e9ff;background:#edf7ff;color:#285981;border-radius:10px;padding:12px 16px;font-size:12px}.alert.error{background:#fff5f3;border-color:#ffdbd6;color:#983e35}.quickbar{border:1px solid #e4edf6;border-radius:14px;margin:23px 0 22px;background:#f8fbff;padding:13px 16px;display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.quickfield{display:grid;gap:6px;min-width:235px}.control-block label,.export-field label,.instrument-controls label,.instrument-heading label,.quickfield label{display:block;color:#6e7e93;font-weight:750;font-size:11px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}input:not([type=checkbox]):not([type=range]):not([type=file]),select{min-height:38px;max-width:100%;padding:8px 10px;border:1px solid #d9e5f1;border-radius:9px;background:#fff;color:#27405f;font-size:12px;outline-offset:2px}select{cursor:pointer}input[type=range]{accent-color:#348feb;cursor:pointer;max-width:100%}.btn{border:1px solid transparent;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:800;min-height:40px;line-height:1.25;white-space:nowrap}.btn-primary{background:linear-gradient(120deg,#2586ee,#4da7f2);color:#fff;box-shadow:0 5px 12px rgba(38,139,240,.16)}.btn-primary:hover{filter:brightness(.95)}.btn-soft{background:#f1f7ff;border-color:#d9e8fa;color:#347bba}.btn-soft:hover{background:#e6f1ff}.btn-quiet{background:#fff;border-color:#dde7f2;color:#58708c}.btn-quiet:hover{background:#f7fbff}.workspace{display:grid;grid-template-columns:minmax(287px,.92fr) minmax(0,1.65fr);gap:20px;align-items:start}.control-panel,.visual-panel{border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0;background:#fff}.panel-head,.visual-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-head h3,.visual-head h3{font-size:19px;letter-spacing:-.5px;margin:6px 0 4px}.counter{border-radius:99px;background:#edf6ff;color:#4e8bc4;padding:5px 9px;font-size:10px;font-weight:750}.channel-list{display:grid;gap:12px;margin:15px 0}.channel-card{border:1px solid #e2eaf5;border-radius:13px;padding:14px;background:#fcfdff;position:relative;min-width:0}.channel-card.is-disabled{opacity:.65}.channel-head{display:flex;align-items:center;gap:9px;justify-content:space-between}.channel-title{display:flex;align-items:center;gap:8px;min-width:0}.trace-color{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--trace)}.channel-title strong{font-size:12px}.channel-head-actions{display:flex;align-items:center;gap:10px}.channel-head label{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:650;color:#72839a;cursor:pointer}.icon-btn{display:grid;place-items:center;border:1px solid #e5edf5;background:#fff;border-radius:7px;color:#758aa1;font-size:16px;min-width:28px;min-height:28px}.icon-btn:hover{color:#bf4655;border-color:#f6cbd2}.channel-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:13px}.amp-field>label,.channel-fields label{font-size:10px;font-weight:760;color:#71849b;display:grid;gap:5px}.channel-fields input,.channel-fields select{width:100%;min-width:0}.amp-field{grid-column:1/-1}.amp-wrap{display:flex;align-items:center;gap:11px}.amp-wrap input{flex:1;min-width:0}.amp-wrap output{font:700 11px ui-monospace,monospace;color:#4384bc;min-width:30px}.btn-add{width:100%;border:1px dashed #b8d6f6;color:#388ddd;background:#f7fbff}.btn-add:hover{background:#eff8ff}.control-block{border-top:1px solid #e9eef6;margin-top:19px;padding-top:17px}.control-block h4{margin:0 0 13px;font-size:13px}.control-block select{display:block;margin-top:6px;width:100%}.hint{font-size:10px;color:#8797a8;margin:7px 0 0;line-height:1.65}.volume-row{margin-top:20px}.volume-row label{display:flex;justify-content:space-between}.volume-row input{width:100%;margin-top:9px}.visual-head{margin-bottom:14px}.mode-switch{display:flex;background:#f1f6fc;padding:3px;border-radius:9px;flex-shrink:0}.mode{border:0;border-radius:7px;padding:8px 11px;background:0 0;color:#7a8b9d;font-size:11px;font-weight:760}.mode.active{background:#fff;color:#2b7ec6;box-shadow:0 1px 5px #dbe7f4}.instrument-controls{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:14px}.instrument-controls>div{min-width:112px}.instrument-controls input[type=number]{width:100px}.instrument-controls select{min-width:87px}.input-suffix{display:flex;align-items:center;gap:6px}.input-suffix span{font-size:11px;color:#94a3b5}.check-field{display:flex!important;align-items:center;gap:7px;margin-bottom:10px;cursor:pointer}.check-field input{accent-color:#318ce6}.plot-shell{border:1px solid #2c3b50;border-radius:13px;overflow:hidden;background:#0c1728}.plot-bar,.plot-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;color:#8da9c7;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.5px}.plot-bar{border-bottom:1px solid #253750}.plot-foot{border-top:1px solid #27394e;font-weight:500;font-size:9px;letter-spacing:0}.plot-led{background:#59c9ff}.plot-led.violet{background:#b493fe}.plot{display:block;width:100%;height:auto;aspect-ratio:1000/346}.plot.spectrum{aspect-ratio:1000/238}.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0 10px}.instrument-heading h3{font-size:15px;margin:0}.instrument-heading>div{display:flex;align-items:center;gap:8px}.instrument-heading select{min-height:32px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.metrics>div{border:1px solid #e4edf6;border-radius:10px;background:#f9fbfe;padding:12px;min-width:0}.metrics small{display:block;color:#8194aa;font-size:10px}.metrics strong{display:block;font-size:19px;letter-spacing:-.4px;margin:6px 0;overflow-wrap:anywhere}.metrics span{font-size:9px;color:#94a0b1}.warning{font-size:11px;color:#9a642a;background:#fff8ed;padding:10px 12px;border-radius:9px}.exports{border-top:1px solid #e8edf6;margin-top:24px;padding-top:20px}.text-btn{border:0;background:0 0;color:#2e83d1;font-weight:800;font-size:11px}.help-panel{background:#f6fbff;border:1px solid #dcebf9;border-radius:11px;margin:13px 0;padding:10px 15px}.help-panel p{font-size:11px;color:#627d99}.export-grid{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin-top:17px}.export-field{min-width:147px}.export-field input{width:90px}.fineprint{font-size:10px;color:#91a0b1;margin:13px 0 0}.export-progress{margin-top:15px;padding:15px;border:1px solid #dceaf7;border-radius:10px;background:#f9fcff}.export-progress progress{width:100%;accent-color:#368bea;height:9px}.export-message{display:flex;justify-content:space-between;font-size:11px;color:#4477a9;margin-bottom:7px}.export-progress button{margin-top:8px}.info-section{padding:78px 6px 55px}.faq h2,.info-section h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1.2px;margin:10px 0 25px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-grid article{padding:23px;border:1px solid #e1eaf6;background:#fff;border-radius:16px}.info-icon{width:42px;height:42px;background:#eef7ff;border-radius:12px;display:grid;place-items:center;color:#2888dc;font-size:25px}.info-grid h3{font-size:15px;margin:19px 0 8px}.info-grid p{font-size:12px;color:#7c8ca0;margin:0}.faq{padding:12px 6px 60px;max-width:850px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 19px;margin:9px 0}.faq summary{font-size:12px;font-weight:790;cursor:pointer}.faq details p{font-size:12px;color:#72859a}footer{border-top:1px solid #e3ebf5;background:#fff}.footer-inner{max-width:1280px;margin:auto;padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#7a8ba0}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:27px;height:27px;font-size:17px;border-radius:7px}.footer p{margin:0}.footer a{color:#438edb;font-weight:700}@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr)}.intro{gap:35px}.quickbar{align-items:center}.intro h1{font-size:51px}}@media(max-width:760px){.footer-inner,.page,.topbar-inner{padding-left:18px;padding-right:18px}.main-nav{display:none}.intro{grid-template-columns:1fr;padding:48px 0}.intro-art{max-width:540px;width:100%}.intro h1{font-size:47px}.studio{padding:18px}.footer-inner{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}.info-section{padding-top:55px}.quickbar{align-items:stretch;flex-direction:column}.quickfield{min-width:0}.control-panel,.visual-panel{padding:14px}}@media(max-width:480px){.page{padding-top:15px}.privacy-tag{font-size:0;padding:8px}.privacy-dot{margin:0}.intro h1{font-size:41px}.intro{padding:40px 0 38px}.hero-points{gap:9px}.studio{padding:13px}.studio-top{flex-direction:column}.quick-actions .btn{flex:1 1 auto}.visual-head{flex-wrap:wrap}.mode-switch{width:100%}.mode{flex:1}.instrument-controls{gap:10px}.metrics{gap:5px}.metrics>div{padding:9px}.metrics strong{font-size:15px}.plot-bar,.plot-foot{font-size:8px;padding:9px}.export-grid>.btn{flex:1 1 135px}.studio h2{font-size:25px}.channel-fields{gap:8px}.channel-card{padding:11px}.export-field{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}.xy-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px;min-width:0}.xy-controls select{max-width:155px;min-width:105px}.xy-controls label{align-self:center}#holdMic{align-self:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}@media(max-width:520px){.xy-controls{width:100%}.xy-controls select{flex:1;min-width:85px}.quick-actions{width:100%}.quick-actions>.btn{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:NaNs!important;animation-duration:NaNs!important}}