:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b49;background:#f4f8fe;font-synthesis:none;--blue:#3978ef;--blue2:#2563d9;--line:#e1e9f4;--muted:#627389;--shadow:0 14px 40px rgba(27,71,134,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7ca8fa;outline-offset:3px}[hidden]{display:none!important}a{color:inherit}.topbar{height:70px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5edf7;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1360px)/ 2));gap:18px}.brand{display:flex;align-items:center;text-decoration:none;font-weight:850;letter-spacing:-.8px;font-size:20px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#4585fb;color:#fff;margin-right:8px;font-size:23px}.brand-blue{color:#3f81ef}.bar-divider{height:22px;width:1px;background:#d9e2f0}.top-category{font-size:12px;color:#7989a1;font-weight:700;white-space:nowrap}.topbar nav{margin-left:auto;display:flex;gap:28px}.topbar nav a{font-size:13px;text-decoration:none;color:#566986;font-weight:650}.hero{text-align:center;padding:54px 16px 36px;background:radial-gradient(ellipse at center top,#e8f2ff 0,#f4f8fe 65%)}.eyebrow{font-size:10px;letter-spacing:2px;color:#4d86e5;font-weight:850}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57b99b;margin-right:7px}.hero h1{margin:15px auto 12px;font-size:clamp(34px,5vw,53px);line-height:1.12;letter-spacing:-2.8px;font-weight:850}.hero h1 em{font-style:normal;color:#4787f3}.hero p{color:#65758f;max-width:695px;margin:0 auto 20px;line-height:1.7;font-size:15px}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.chips span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:11px;color:#59708f;font-weight:700}.studio{max-width:1360px;margin:0 auto;padding:0 20px 42px}.main-toolbar{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:12px 14px;margin-bottom:15px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border-radius:9px;border:1px solid #dce5f1;padding:10px 14px;font-size:12px;line-height:1.3;min-height:38px;background:#fff;color:#30445f;font-weight:750;transition:background .16s,border-color .16s}.btn:hover:not(:disabled){background:#eef5ff;border-color:#b7cafa}.btn.primary{border-color:#3677ec;background:#3677ec;color:#fff;box-shadow:0 3px 9px #3479ef25}.btn.primary:hover:not(:disabled){background:#265fc7}.btn.danger{color:#bc4053}.btn.subtle{background:#f7faff}.btn.small{font-size:11px;min-height:32px;padding:8px 10px}.btn.full{width:100%;margin-top:9px}.mini-pill,.status-pill{padding:8px 12px;border-radius:50px;background:#eef5ff;color:#4c7bc6;font-weight:800;font-size:11px}.mini-pill{font-size:10px;padding:6px 9px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(300px,.95fr);gap:15px}.editor-stack,.side-stack{display:grid;align-content:start;gap:15px;min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:19px}.panel h2{margin:8px 0 0;letter-spacing:-.6px;font-size:19px}.panel-head .small-inline{display:flex;align-items:center;gap:8px;font-size:11px;color:#61738a;font-weight:750;white-space:nowrap}input:not([type=range]):not([type=checkbox]),select{border:1px solid #dce6f2;background:#fbfdff;padding:10px 11px;border-radius:9px;width:100%;color:#1f3555;min-width:0;font-size:12px}select{cursor:pointer}.panel-head select{width:auto}.hint,.timeline-help{color:#7a899e;font-size:11px;line-height:1.6;margin:9px 0 0}.field-container{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);gap:18px}.field-wrap{border:1px solid #e1ebf8;border-radius:16px;background:radial-gradient(circle at center,#fff 0,#f5faff 80%);min-width:0;overflow:hidden;display:grid;place-items:center}.field-wrap svg{display:block;max-width:100%;width:100%;max-height:480px;touch-action:none;user-select:none}.field-outer{fill:#eff5ff;stroke:#cadcf2;stroke-width:1.5}.field-ring{fill:none;stroke:#d3e2f5;stroke-width:1;stroke-dasharray:4 6}.field-axis{stroke:#dbe7f6;stroke-width:1;stroke-dasharray:4 6}.field-compass{font-size:9px;font-weight:800;letter-spacing:2px;fill:#92a6bf}.north-arrow{fill:#93b4ed}.listener-icon{fill:#4786e9;stroke:white;stroke-width:3}.speaker rect{fill:#fff;stroke:#b7d0f1;stroke-width:1.2}.speaker text{font-size:10px;font-weight:850;fill:#51729e}.speaker.is-loud rect{fill:#dceaff;stroke:#6496f0}.source-node{cursor:grab;outline:0}.source-node circle{stroke:#fff;stroke-width:3;filter:drop-shadow(0 3px 5px #31598b33)}.source-node text{font-size:12px;font-weight:900;fill:#fff;pointer-events:none}.source-node.selected circle,.source-node:focus-visible circle{stroke:#172e4c;stroke-width:3.5}.motion-dash{stroke:#4b85e6;stroke-width:2;stroke-dasharray:5 6;fill:none}.motion-end{fill:#fff;stroke:#4485ea;stroke-width:2}.field-side{min-width:0;padding:6px 0}.field-side-head,.meter-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:850}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.readout-grid>div{background:#f6f9fe;border:1px solid #ebf1fa;border-radius:10px;padding:10px;min-width:0}.readout-grid span{display:block;font-size:10px;color:#8292a6;margin-bottom:6px}.readout-grid strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}.meter-title{padding-top:14px;border-top:1px solid var(--line)}.meter-title span{color:#8292a6}.channel-meters{margin-top:13px;display:grid;gap:7px}.meter-row{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;gap:7px;align-items:center;font-size:10px;color:#6d809b}.meter-row b{font-size:10px}.meter-track{height:7px;border-radius:20px;background:#eef3fb;overflow:hidden}.meter-fill{height:100%;width:0;background:#5b8fe9;border-radius:20px;transition:width .12s}.timeline-top{display:grid;gap:9px}.timeline-top label{display:flex;justify-content:space-between;font-size:12px;font-weight:750}.timeline-top output{font-variant-numeric:tabular-nums;color:#587baf}input[type=range]{width:100%;accent-color:#3982ee;cursor:pointer}.timeline-tracks{padding-top:15px;display:grid;gap:7px}.track-line{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px}.track-line>span{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700;color:#5b6e87}.track-rail{height:23px;border-radius:7px;background:#f2f6fb;position:relative;overflow:hidden}.track-bar{position:absolute;top:3px;bottom:3px;border-radius:5px;min-width:2px;opacity:.86}.track-line.missing .track-bar{opacity:.25;background:repeating-linear-gradient(45deg,#ccc,#ccc 4px,#fff 4px,#fff 8px)!important}.empty-small{font-size:12px;color:#90a0b4;text-align:center;padding:16px 8px}.source-list{display:grid;gap:7px;margin-top:14px;max-height:328px;overflow:auto}.source-card{display:flex;gap:8px;align-items:center;width:100%;padding:9px 10px;border:1px solid #e3ebf6;background:#fafcff;border-radius:10px;text-align:left;color:#30435e}.source-card.selected{border-color:#73a0f3;background:#eef5ff}.source-bubble{display:grid;place-items:center;width:28px;height:28px;color:#fff;border-radius:9px;flex-shrink:0;font-size:12px;font-weight:900}.source-card-body{flex:1;min-width:0}.source-card-body b{display:block;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-card-body small{display:block;color:#7e91a9;margin-top:3px;font-size:10px}.source-flags{display:flex;gap:5px;align-items:center}.source-flags label{display:grid;justify-items:center;font-size:9px;cursor:pointer;color:#74859d}.source-flags input{margin:0 2px;accent-color:#397ced}.source-card.missing{border-style:dashed}.control{display:grid;gap:7px;margin-bottom:13px}.control label{font-size:11px;font-weight:800;color:#65738a;display:flex;justify-content:space-between;gap:5px}.control output{color:#3f7fdf}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}fieldset{padding:0;border:0;min-width:0;margin:0}.checkbox-line{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:650;color:#586c87;margin:13px 0}.checkbox-line input{accent-color:#3678ec}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-pair .btn{min-width:0}.info-note{margin-top:13px;background:#f0f6ff;border-radius:11px;padding:15px;color:#547199;font-size:12px;line-height:1.7}.guide-short p{font-size:13px;color:#60748e;line-height:1.8}.guide{max-width:1360px;margin:0 auto 50px;padding:36px 22px}.guide h2{letter-spacing:-1px;margin:12px 0 25px;font-size:29px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.guide article>span{color:#4485ee;font-size:13px;font-weight:850}.guide article h3{font-size:16px}.guide article p,.guide details p{font-size:13px;line-height:1.7;color:#75869e}.faq-head{margin-top:44px!important}.guide details{background:#fff;padding:17px 20px;margin-top:9px;border:1px solid var(--line);border-radius:12px}.guide summary{font-weight:750;font-size:13px;cursor:pointer}footer{padding:26px;text-align:center;background:#fff;border-top:1px solid var(--line);font-size:12px;color:#8898aa}.processing{position:fixed;inset:0;background:rgba(13,28,50,.65);z-index:999;display:grid;place-items:center;padding:16px;backdrop-filter:blur(8px)}.process-card{text-align:center;background:#fff;border-radius:19px;padding:40px;max-width:430px;width:100%;box-shadow:0 30px 90px #08132940}.process-card h2{margin:19px 0 8px}.process-card p{font-size:13px;color:#6a7992}.spinner{height:36px;width:36px;border-radius:50%;border:4px solid #e0ebff;border-top-color:#3c82ef;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:8px;background:#eaf1fa;border-radius:12px;overflow:hidden;margin:17px 0}.progress-track>div{height:100%;background:#4c8ae9;width:0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1001;background:#1f344e;color:#fff;padding:13px 18px;border-radius:11px;max-width:min(90vw,600px);text-align:center;font-size:12px;box-shadow:0 12px 30px #142b4c33}@media(max-width:1100px){.studio-layout{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.source-panel{grid-column:1/-1}.source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.topbar{padding:0 16px;gap:8px;height:60px}.top-category,.topbar .bar-divider{display:none}.topbar nav{gap:10px}.topbar nav a{font-size:11px}.brand{font-size:17px}.brand-icon{width:28px;height:28px;font-size:19px}.hero{padding:38px 15px 28px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:13px}.studio{padding:0 10px 30px}.main-toolbar{padding:10px}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.studio-layout{gap:10px}.panel{padding:16px}.side-stack{grid-template-columns:1fr;gap:10px}.source-panel{grid-column:auto}.source-list{grid-template-columns:1fr}.field-container{grid-template-columns:1fr}.field-wrap{max-width:470px;margin:0 auto;width:100%}.field-side{padding:0}.readout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.readout-grid strong{font-size:11px}.field-side .channel-meters{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide{padding:20px 14px}.guide h2{font-size:23px}}@media(max-width:390px){.panel-head{align-items:flex-start}.panel-head .small-inline{display:grid;gap:4px}.readout-grid{grid-template-columns:1fr 1fr}.control-grid{gap:0 8px}.status-pill{width:100%;text-align:center}.topbar nav a:last-child{display:none}.btn{padding:9px 10px}.button-pair .btn{font-size:11px}}@media(prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}