:root{
  --cs-red:#ff4654;--cs-red-strong:#b92234;--cs-coral:#ff8d96;--cs-teal:#168f8d;
  --cs-teal-soft:#edf9f7;--cs-ink:#171722;--cs-muted:#687083;--cs-faint:#8d94a3;
  --cs-line:#e5e2e7;--cs-line-strong:#d5d0d8;--cs-surface:#fff;--cs-soft:#fbfafb;
  --cs-panel:#fdfcfd;--cs-shadow:0 8px 22px rgba(27,21,33,.08);
  --cs-z-site-nav:1200;--cs-z-site-ribbon:1210;--cs-z-fullscreen:1300
}

/* The editor has its own transport, but it is still a normal AudioWrench page.
   Keep the shared privacy summary and site navigation in a stable, cache-safe
   shell instead of letting the full-viewport workspace visually replace them. */
.chain-studio-page{--cs-ribbon-height:32px;--cs-site-nav-height:69px;--cs-site-shell-height:calc(var(--cs-ribbon-height) + var(--cs-site-nav-height));padding-top:var(--cs-site-shell-height)}
.chain-studio-page>.privacy-ribbon{position:fixed!important;z-index:var(--cs-z-site-ribbon);top:0;right:0;left:0;height:var(--cs-ribbon-height);display:flex!important;align-items:center;justify-content:center;padding:0 16px;overflow:hidden}
.chain-studio-page>.privacy-ribbon a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;margin:0;white-space:nowrap;text-overflow:ellipsis}
.chain-studio-page>.privacy-ribbon .rib-more{margin-left:.3rem}
.chain-studio-page>header.glass-nav{position:fixed!important;z-index:var(--cs-z-site-nav);top:var(--cs-ribbon-height);right:0;left:0;height:var(--cs-site-nav-height);display:block!important;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(28,22,32,.08)}
.chain-studio-page>header.glass-nav .nav-inner{height:var(--cs-site-nav-height)}
.chain-studio-page #main{display:flex;min-width:0;flex-direction:column;overflow-x:clip;scroll-margin-top:var(--cs-site-shell-height)}
.chain-studio-page #chain-studio-editor,.chain-studio-page .cs-intro,.chain-studio-page .cs-static{scroll-margin-top:calc(var(--cs-site-shell-height) + 12px)}
.cs-app-host{order:-1;width:100%;padding:0}.cs-app-host:empty{min-height:max(720px,100svh)}
.cs-intro{padding:58px 0 30px;background:radial-gradient(circle at 82% 8%,rgba(255,70,84,.08),transparent 30%),linear-gradient(180deg,#fff,#fffafb)}
.cs-intro__inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,.8fr);gap:48px;align-items:end}
.cs-kicker{display:block;color:var(--cs-red-strong);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.cs-intro h1{max-width:850px;margin:8px 0 0;color:var(--cs-ink);font-size:clamp(2rem,4.3vw,4.3rem);line-height:.98;letter-spacing:-.058em}
.cs-intro p{margin:0;color:var(--cs-muted);font-size:.96rem;line-height:1.7}

.cs-studio{
  --cs-left:270px;--cs-right:280px;--cs-wave:140px;
  position:relative;width:100%;max-width:none;height:calc(100svh - var(--cs-site-shell-height));min-height:720px;margin:0;
  overflow:hidden;color:var(--cs-ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  border:1px solid var(--cs-line);border-radius:0;background:var(--cs-soft)
}
.cs-studio *{box-sizing:border-box}.cs-studio button,.cs-studio input,.cs-studio select{font:inherit}.cs-studio button,.cs-studio label,.cs-studio select{touch-action:manipulation}.cs-studio button{min-width:44px;min-height:44px;cursor:pointer}.cs-studio button:disabled{cursor:not-allowed;opacity:.42}
.cs-studio .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cs-studio :focus-visible{outline:3px solid var(--cs-teal);outline-offset:2px}
.cs-icon{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cs-icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--cs-line);border-radius:10px;color:#585264;background:#fff;transition:border-color .16s,background .16s,color .16s}
.cs-icon-button:hover{border-color:#f3a9b0;color:var(--cs-red-strong);background:#fff8f9}

/* 1600 × 1000 reference geometry: 270 rack / 78 transport / 190 waveform / 280 inspector / 106 dock. */
.cs-topbar{height:70px;display:grid;grid-template-columns:var(--cs-left) 140px minmax(170px,230px) minmax(220px,1fr) auto;gap:14px;align-items:center;padding:0 18px 0 0;border-bottom:1px solid var(--cs-line);background:rgba(255,255,255,.98)}
.cs-brand{height:100%;display:flex;align-items:center;gap:5px;padding:0 22px;border-right:1px solid var(--cs-line);white-space:nowrap;text-decoration:none}.cs-brand strong{color:var(--cs-red-strong);font-size:1.05rem;font-weight:900;letter-spacing:-.035em}.cs-brand span{color:#24212b;font-size:.95rem;font-weight:740}
.cs-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 14px;border:1px solid #f2b2b8;border-radius:10px;color:var(--cs-red-strong);background:#fff;font-size:.69rem;font-weight:850;white-space:nowrap}.cs-open input{position:absolute;width:1px;height:1px;opacity:0}
.cs-file{min-width:0}.cs-file strong,.cs-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-file strong{font-size:.72rem}.cs-file small{margin-top:3px;color:var(--cs-muted);font-size:.59rem}
.cs-transport{display:flex;align-items:center;justify-content:center;gap:6px}.cs-transport #cs-play{color:#fff;border-color:var(--cs-red-strong);background:var(--cs-red-strong)}.cs-transport .cs-time{min-width:122px;margin-left:7px;font-variant-numeric:tabular-nums;font-size:.71rem;white-space:nowrap}.cs-transport .cs-time b{font-size:.83rem}
.cs-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.cs-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid transparent;border-radius:10px;color:#5a5363;background:#fff;font-size:.65rem;font-weight:800;white-space:nowrap}.cs-action:hover{background:#fff7f8}.cs-action[aria-pressed=true]{border-color:#f2aeb5;color:var(--cs-red-strong);background:#fff3f4}.cs-action--primary{min-width:101px;border-color:var(--cs-red-strong);color:#fff;background:var(--cs-red-strong);box-shadow:0 7px 18px rgba(185,34,52,.21)}.cs-action--primary:hover{color:#fff;background:#971b2b}
.cs-ab{display:flex;align-items:center;padding:2px;border:0;border-radius:10px;background:#f6f4f6}.cs-ab button{min-width:45px;border:0;border-radius:8px;color:var(--cs-muted);background:transparent;font-size:.62rem;font-weight:850}.cs-ab button[aria-pressed=true]{color:#fff;background:#272330}
.cs-mobile-pane-button{display:none}

.cs-layout{height:calc(100% - 160px);display:grid;grid-template-columns:clamp(210px,var(--cs-left),390px) 1px minmax(0,1fr) 1px clamp(230px,var(--cs-right),410px);grid-template-rows:clamp(115px,var(--cs-wave),260px) 1px minmax(0,1fr);overflow:hidden}
.cs-pane{min-width:0;background:#fff}.cs-library{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;border-right:1px solid var(--cs-line);overflow:hidden}.cs-inspector{grid-column:5;grid-row:3;border-left:1px solid var(--cs-line);overflow:auto}.cs-wave-panel{grid-column:3/6;grid-row:1;position:relative;display:grid;grid-template-columns:105px minmax(0,1fr) 105px;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;background:#fff}.cs-canvas-panel{grid-column:3;grid-row:3;position:relative;min-height:0;overflow:hidden;background-color:#fdfcfd;background-image:radial-gradient(circle,#ddd9df .9px,transparent .9px);background-size:18px 18px}
.cs-separator{position:relative;z-index:20;min-width:44px;min-height:44px;border:0;background:transparent;touch-action:none}.cs-separator::after{content:"";position:absolute;border-radius:99px;background:#bdb7c1;opacity:.52}.cs-separator:hover,.cs-separator:focus-visible{background:rgba(255,232,235,.58)}.cs-separator--left{grid-column:2;grid-row:1/4;width:44px;height:100%;justify-self:center;cursor:col-resize}.cs-separator--right{grid-column:4;grid-row:3;width:44px;height:100%;justify-self:center;cursor:col-resize}.cs-separator--wave{grid-column:3/6;grid-row:2;width:100%;height:44px;align-self:center;cursor:row-resize}.cs-separator--left::after,.cs-separator--right::after{width:1px;height:36px;left:50%;top:50%;transform:translate(-50%,-50%)}.cs-separator--wave::after{height:1px;width:42px;left:50%;top:50%;transform:translate(-50%,-50%)}

.cs-tabs{height:41px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 10px;border-bottom:1px solid var(--cs-line)}.cs-tabs button{min-width:0;border:0;border-bottom:2px solid transparent;color:#5e5867;background:transparent;font-size:.61rem;font-weight:850}.cs-tabs button[aria-selected=true]{border-color:var(--cs-red);color:var(--cs-red-strong)}.cs-tabs button b{display:inline-grid;min-width:18px;height:18px;place-items:center;margin-left:3px;border-radius:99px;color:#6f6673;background:#f0edef;font-size:.48rem}.cs-tabs button[aria-selected=true] b{color:#922333;background:#ffe8eb}
.cs-library-tools{display:flex;flex-direction:column;min-height:0;flex:1}.cs-search-wrap{padding:15px 18px 10px}.cs-search{width:100%;height:44px;padding:9px 12px;border:1px solid var(--cs-line);border-radius:9px;color:var(--cs-ink);background:#fff;font-size:16px}.cs-filter-row{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 11px}.cs-filter-row button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 9px;border:1px solid var(--cs-line);border-radius:8px;color:#5b5563;background:#fff;font-size:.56rem;font-weight:780}.cs-filter-row button b{display:grid;min-width:17px;height:17px;place-items:center;border-radius:99px;color:#5a5260;background:#f1eef1;font-size:.46rem}.cs-filter-row button[aria-pressed=true]{border-color:#f2aab2;color:var(--cs-red-strong);background:#fff2f4}.cs-filter-row button[aria-pressed=true] b{color:#922333;background:#ffe1e5}
#cs-library-tools::before{content:"49 native processors \00b7  9 complete groups";flex:none;margin:12px 18px 0;padding:9px 11px;border:1px solid #cce8e2;border-radius:9px;color:#176b68;background:linear-gradient(135deg,#f1faf8,#fff9fa);font-size:.57rem;font-weight:900;letter-spacing:.02em;line-height:1.4}
.cs-library-list{padding:0 18px 16px;overflow:auto}.cs-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cs-group h3{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 2px 3px;color:#4a4551;font-size:.59rem;letter-spacing:.055em;text-transform:uppercase}.cs-group h3::after{content:"";height:1px;flex:1;order:1;background:#ebe7ec}.cs-group h3 span{order:2;min-width:24px;padding:3px 6px;border:1px solid #e5e0e6;border-radius:99px;color:#635c68;background:#f7f5f7;font-size:.49rem;letter-spacing:0;text-align:center}.cs-processor{width:100%;min-width:0!important;min-height:48px;display:grid;grid-template-columns:19px minmax(0,1fr) 12px;gap:5px;align-items:center;margin:0;padding:7px 8px;border:1px solid var(--cs-line);border-radius:8px;text-align:left;color:var(--cs-ink);background:#fff}.cs-processor:hover{border-color:#eea7ae;background:#fff9fa}.cs-processor svg{width:14px;height:14px;color:#817987}.cs-processor strong,.cs-processor small{display:block}.cs-processor strong{overflow:hidden;font-size:.57rem;line-height:1.25;text-overflow:ellipsis}.cs-processor small{display:none}.cs-processor>b{font-size:.72rem;color:#89818e}.cs-processor.is-unavailable{background:#f5f4f5}
.cs-workflow-list{display:grid;gap:8px;padding:12px 18px;overflow:auto}.cs-workflow-card{min-height:102px;padding:12px;border:1px solid var(--cs-line);border-radius:11px;text-align:left;background:linear-gradient(145deg,#fff,#fff7f8)}.cs-workflow-card strong,.cs-workflow-card small,.cs-workflow-card span{display:block}.cs-workflow-card strong{font-size:.7rem}.cs-workflow-card small{margin-top:5px;color:var(--cs-muted);font-size:.58rem;line-height:1.45}.cs-workflow-card span{margin-top:8px;color:var(--cs-red-strong);font-size:.57rem;font-weight:850}.cs-workflow-card[aria-pressed=true]{border-color:var(--cs-red);box-shadow:0 0 0 1px var(--cs-red)}.cs-library>[hidden]{display:none!important}
.cs-tool-catalog{overflow:hidden}.cs-catalog-help{margin:0;padding:0 18px 10px;color:var(--cs-muted);font-size:.54rem;line-height:1.45}.cs-catalog-help b:first-child{color:#176b68}.cs-tool-list{display:grid;gap:8px;padding:0 18px 18px;overflow:auto}.cs-tool-card{padding:10px;border:1px solid var(--cs-line);border-radius:10px;background:#fff}.cs-tool-card>div{display:flex;align-items:center;gap:8px}.cs-tool-card>div>.cs-icon{width:15px;height:15px;flex:none;color:var(--cs-red-strong)}.cs-tool-card strong,.cs-tool-card small{display:block}.cs-tool-card strong{font-size:.61rem;line-height:1.25}.cs-tool-card small{margin-top:2px;color:var(--cs-muted);font-size:.49rem}.cs-tool-card p{display:-webkit-box;margin:8px 0;color:var(--cs-muted);font-size:.51rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cs-tool-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-tool-card footer button{min-height:44px;padding:7px 11px;border:1px solid #f1a9b1;border-radius:8px;color:var(--cs-red-strong);background:#fff7f8;font-size:.54rem;font-weight:850}.cs-tool-badge{padding:4px 7px;border-radius:99px;color:#6c6570;background:#f2f0f3;font-size:.46rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cs-tool-badge.is-live{color:#176b68;background:var(--cs-teal-soft)}
.cs-show-more{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border:1px dashed #f0a5ad;border-radius:9px;color:var(--cs-red-strong);background:#fff8f9;font-size:.56rem;font-weight:850}.cs-show-more span{color:var(--cs-muted);font-variant-numeric:tabular-nums}

.cs-meter{height:100%;min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr) 27px;min-width:0;overflow:hidden;padding:9px 10px 5px;background:#fff}.cs-meter__title{align-self:center;color:#5b5663;font-size:.57rem;letter-spacing:.05em}.cs-meter__rack{position:relative;display:grid;grid-template-columns:10px 10px 1fr;gap:4px;min-height:0;overflow:hidden}.cs-meter__bar{min-height:0;position:relative;overflow:hidden;border-radius:1px;background:#e4eaeb}.cs-meter__fill{position:absolute;inset:auto 0 0;height:0;background:linear-gradient(180deg,#ffb14d 0 13%,#1a9992 13% 100%);transition:height .07s linear}.cs-meter__scale{color:#777180;font-size:.48rem;line-height:1.55}.cs-meter__label{align-self:center;color:#5f5966;font-size:.5rem;font-weight:780;white-space:nowrap}.cs-wave-wrap{height:100%;min-height:0;position:relative;min-width:0;overflow:hidden;padding:9px 0 8px;border-inline:1px solid #f0edf0}.cs-wave-head{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#5f5966;font-size:.54rem}.cs-wave{width:100%;height:calc(100% - 27px);display:block;border-radius:0;background:#fff;cursor:pointer}.cs-playhead{position:absolute;top:37px;bottom:8px;width:1px;left:0;background:var(--cs-red);pointer-events:none}.cs-playhead::before{content:"";position:absolute;width:10px;height:10px;left:-4px;top:-4px;border-radius:50%;background:var(--cs-red)}

.cs-canvas-toolbar{position:absolute;z-index:12;left:18px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.cs-canvas-toolbar>*{pointer-events:auto}.cs-preset-row,.cs-view-row{display:flex;align-items:center;gap:7px}.cs-preset-row select{height:44px;max-width:210px;padding:7px 32px 7px 12px;border:1px solid var(--cs-line);border-radius:8px;background:#fff;font-size:.63rem;font-weight:800}.cs-canvas-note{position:absolute;z-index:9;left:18px;bottom:14px;padding:7px 10px;border:1px solid #b9dfda;border-radius:8px;color:#176b68;background:rgba(240,253,250,.95);font-size:.53rem;font-weight:780}.cs-canvas-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab}.cs-canvas-viewport.is-panning{cursor:grabbing}.cs-canvas-world{position:absolute;left:0;top:0;width:1500px;height:850px;transform-origin:0 0}.cs-connections{position:absolute;inset:0;width:1500px;height:850px;overflow:visible;pointer-events:none}.cs-connection{fill:none;stroke:var(--cs-teal);stroke-width:2;pointer-events:none}.cs-connection-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:crosshair}.cs-connection-hit:hover+.cs-connection,.cs-connection-hit:focus-visible+.cs-connection{stroke:var(--cs-red);stroke-width:3}.cs-connection-hit:focus-visible{outline:none}.cs-connection--preview{stroke:var(--cs-red);stroke-width:2.5;stroke-dasharray:8 6}.cs-studio.is-patching,.cs-studio.is-patching *{cursor:crosshair!important}
.cs-connection-hit{cursor:pointer}.cs-connection.is-selected{stroke:var(--cs-red-strong);stroke-width:4;filter:drop-shadow(0 2px 3px rgba(185,34,52,.22))}.cs-connection.is-muted{stroke-dasharray:9 7;opacity:.54}.cs-connection.is-inverted:not(.is-selected){stroke:#7b5a92}.cs-connection-hit[aria-pressed=true]+.cs-connection{stroke:var(--cs-red-strong);stroke-width:4}.cs-studio.is-repatching .cs-port--in::after{background:var(--cs-red);box-shadow:0 0 0 5px rgba(255,70,84,.2)}.cs-studio.is-repatching .cs-port--in{cursor:crosshair}
.cs-node{position:absolute;width:146px;min-height:94px;padding:10px;border:1px solid #d1ccd3;border-radius:9px;color:var(--cs-ink);background:#fff;box-shadow:0 5px 12px rgba(32,25,37,.11);user-select:none;touch-action:none}.cs-node.is-selected{border-color:#bcaeb6;box-shadow:0 0 0 1px rgba(255,70,84,.13),0 6px 15px rgba(32,25,37,.13)}.cs-node.is-bypassed{opacity:.62}.cs-node.is-solo{border-color:var(--cs-teal)}.cs-node--terminal{width:112px;min-height:66px;display:grid;place-items:center;align-content:center;background:#fff;border-color:#d6d1d7}.cs-node--terminal::before{content:"";width:27px;height:27px;margin-bottom:3px;border-radius:50%;background:var(--cs-teal-soft);box-shadow:inset 0 0 0 8px var(--cs-teal)}.cs-node__head{display:flex;align-items:center;gap:6px;cursor:move}.cs-node__head svg{width:14px;height:14px;color:var(--cs-red)}.cs-node__head strong{font-size:.59rem}.cs-node__summary{display:block;margin:5px 0 7px;color:var(--cs-muted);font-size:.49rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-node__actions{display:flex;align-items:center;justify-content:center;gap:0;border-top:1px solid var(--cs-line);padding-top:3px}.cs-node__actions button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;color:#77717d;background:#fff;font-size:.54rem}.cs-node__actions button[aria-pressed=true]{color:var(--cs-red-strong);background:#fff0f2}
.cs-port{position:absolute;width:44px;height:44px;padding:0;border:0;background:transparent;box-shadow:none;transform:scale(var(--cs-port-scale,1));transform-origin:center}.cs-port::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;border:2px solid #fff;border-radius:50%;background:var(--cs-teal);box-shadow:0 0 0 1px #69aaa7;transform:translate(-50%,-50%)}.cs-port--in{left:-22px;top:calc(50% - 22px)}.cs-port--out{right:-22px;top:calc(50% - 22px)}.cs-port.is-awaiting::after,.cs-port--in.is-drop-target::after{background:var(--cs-red);box-shadow:0 0 0 5px rgba(255,70,84,.2)}.cs-studio.is-patching .cs-port--in::after{background:var(--cs-red);box-shadow:0 0 0 2px rgba(255,70,84,.13)}

.cs-inspector-head{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--cs-line);background:rgba(255,255,255,.98)}.cs-inspector-head strong{font-size:.72rem}.cs-inspector-head small{display:block;margin-top:3px;color:var(--cs-muted);font-size:.54rem}.cs-inspector-empty{display:grid;place-items:center;align-content:center;min-height:260px;padding:28px;text-align:center;color:var(--cs-muted)}.cs-inspector-empty svg{width:34px;height:34px;color:#9a94a0}.cs-inspector-empty strong{margin-top:10px;color:var(--cs-ink);font-size:.75rem}.cs-inspector-empty p{font-size:.6rem;line-height:1.5}.cs-inspector-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:18px 16px}.cs-control{min-width:0}.cs-control label{display:grid;gap:3px;color:#57515e;font-size:.55rem;font-weight:800}.cs-control output{font-variant-numeric:tabular-nums;color:var(--cs-ink);font-size:.6rem}.cs-control input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--cs-red)}.cs-control-note{grid-column:1/-1;margin:0;padding:10px;border-left:2px solid var(--cs-red);border-radius:0 8px 8px 0;color:#70545a;background:#fff3f4;font-size:.53rem;line-height:1.45}.cs-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 16px 16px}.cs-inspector-actions button{border:1px solid var(--cs-line);border-radius:9px;color:#564f5b;background:#fff;font-size:.57rem;font-weight:820}.cs-inspector-actions button.danger{color:#a92336}.cs-reduction{display:flex;align-items:center;justify-content:space-between;margin:0 16px 13px;padding:10px;border:1px solid #bce1dc;border-radius:9px;color:#176b68;background:var(--cs-teal-soft);font-size:.58rem}
.cs-inspector-head-actions{display:flex;gap:6px}.cs-inspector-kicker{display:block;margin-bottom:3px;color:var(--cs-red-strong);font-size:.47rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cs-edge-head>div:first-child{min-width:0}.cs-edge-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-edge-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--cs-line);background:linear-gradient(135deg,#fff,#fff9fa)}.cs-edge-route div{min-width:0;padding:9px;border:1px solid var(--cs-line);border-radius:9px;background:#fff}.cs-edge-route span,.cs-edge-section-head span,.cs-routing-list header span{display:block;color:#6c6573;font-size:.46rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.cs-edge-route strong{display:block;margin-top:4px;overflow:hidden;color:#302b35;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.cs-edge-route>i{color:var(--cs-teal);font-size:.85rem;font-style:normal;font-weight:900}.cs-edge-controls{padding:14px 16px;border-bottom:1px solid var(--cs-line)}.cs-edge-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.cs-edge-section-head h3,.cs-routing-list h3{margin:3px 0 0;color:#302b35;font-size:.7rem}.cs-edge-section-head output{color:var(--cs-red-strong);font-size:.74rem;font-weight:900;font-variant-numeric:tabular-nums}.cs-edge-controls>input[type=range]{width:100%;height:44px;margin:3px 0 0;accent-color:var(--cs-red-strong)}.cs-gain-scale{display:flex;justify-content:space-between;margin-top:-8px;color:#6a6370;font-size:.47rem}.cs-edge-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:8px 10px;border:1px solid var(--cs-line);border-radius:9px;text-align:left;color:#4d4652;background:#fff}.cs-edge-toggle span{min-width:0}.cs-edge-toggle b,.cs-edge-toggle small{display:block}.cs-edge-toggle b{font-size:.59rem}.cs-edge-toggle small{margin-top:3px;color:var(--cs-muted);font-size:.48rem;line-height:1.35}.cs-edge-toggle>i{position:relative;width:36px;height:20px;flex:none;border:1px solid #c9c4cc;border-radius:99px;background:#f4f2f4}.cs-edge-toggle>i::after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(30,24,34,.22);transition:transform .18s}.cs-edge-toggle[aria-pressed=true]{border-color:#f0abb3;color:var(--cs-red-strong);background:#fff7f8}.cs-edge-toggle[aria-pressed=true]>i{border-color:var(--cs-red-strong);background:var(--cs-red-strong)}.cs-edge-toggle[aria-pressed=true]>i::after{transform:translateX(16px)}.cs-polarity{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0;padding:0;border:0}.cs-polarity legend{grid-column:1/-1;margin-bottom:6px;color:#57515e;font-size:.54rem;font-weight:850}.cs-polarity button{min-width:0;border:1px solid var(--cs-line);color:#554e5a;background:#fff;font-size:.55rem;font-weight:820}.cs-polarity button:first-of-type{border-radius:8px 0 0 8px}.cs-polarity button:nth-of-type(2){margin-left:-1px;border-radius:0 8px 8px 0}.cs-polarity button[aria-pressed=true]{z-index:1;border-color:#90cbc5;color:#176b68;background:var(--cs-teal-soft)}.cs-polarity small{grid-column:1/-1;margin-top:7px;color:var(--cs-muted);font-size:.47rem;line-height:1.4}.cs-edge-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 16px;border-bottom:1px solid var(--cs-line)}.cs-edge-actions button{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid var(--cs-line);border-radius:9px;color:#514a57;background:#fff;font-size:.52rem;font-weight:850}.cs-edge-actions button[aria-pressed=true]{border-color:#f0a7b0;color:var(--cs-red-strong);background:#fff5f6}.cs-edge-actions button.danger{color:#a92336}.cs-edge-actions p{grid-column:1/-1;margin:0;padding:8px;border-radius:8px;color:#176b68;background:var(--cs-teal-soft);font-size:.49rem;line-height:1.45}.cs-routing-list{padding:13px 16px 16px;background:#fff}.cs-routing-list>header{display:flex;align-items:end;justify-content:space-between;gap:8px}.cs-routing-list>header b{padding:4px 7px;border-radius:99px;color:#176b68;background:var(--cs-teal-soft);font-size:.48rem}.cs-route-items{display:grid;gap:6px;margin-top:10px}.cs-route-item{width:100%;min-height:58px!important;display:block;padding:8px 9px;border:1px solid var(--cs-line);border-radius:9px;text-align:left;color:#4d4652;background:#fff}.cs-route-item:hover{border-color:#a9d6d1;background:#f9fdfc}.cs-route-item[aria-pressed=true]{border-color:var(--cs-teal);box-shadow:inset 3px 0 0 var(--cs-teal);background:#f4fbfa}.cs-route-points{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;align-items:center}.cs-route-points strong{overflow:hidden;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.cs-route-points i{color:var(--cs-teal);font-style:normal}.cs-route-item small{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cs-route-item small span{padding:2px 5px;border-radius:99px;color:#5e5764;background:#f2f0f3;font-size:.43rem;font-weight:750}.cs-route-item small .is-muted{color:#a92336;background:#fff0f2}.cs-route-item small .is-inverted{color:#644b79;background:#f6f0fa}.cs-routing-help,.cs-route-empty{margin:9px 0 0;color:var(--cs-muted);font-size:.46rem;line-height:1.45}

.cs-statusbar{height:106px;display:grid;grid-template-columns:minmax(330px,1.25fr) minmax(240px,1fr) minmax(130px,.55fr) minmax(150px,.62fr) 175px;align-items:stretch;border-top:1px solid var(--cs-line);color:var(--cs-muted);background:#fff}.cs-statusbar>*{min-width:0;border-right:1px solid #efedf0}.cs-statusbar>*:last-child{border-right:0}.cs-dock-ab{display:flex;align-items:center;gap:10px;padding:14px 20px}.cs-dock-ab button{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cs-line);border-radius:9px;text-align:left;color:var(--cs-muted);background:#fff}.cs-dock-ab button[aria-pressed=true]{border-color:#f2aeb5;color:var(--cs-red-strong);background:#fff4f5}.cs-dock-ab button>b{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid currentColor;border-radius:7px;font-size:.92rem}.cs-dock-ab button strong,.cs-dock-ab button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-dock-ab button strong{font-size:.61rem}.cs-dock-ab button small{margin-top:3px;color:var(--cs-muted);font-size:.5rem}.cs-versus{font-size:.54rem;font-weight:900}.cs-dock-match{display:grid;grid-template-columns:72px minmax(0,1fr);align-content:center;gap:6px 10px;padding:13px 20px}.cs-dock-match label{font-size:.54rem}.cs-dock-match select{height:44px;border:1px solid var(--cs-line);border-radius:8px;background:#fff;font-size:.56rem}.cs-dock-match p{grid-column:1/-1;margin:0;overflow:hidden;color:var(--cs-muted);font-size:.49rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.cs-dock-stat{display:grid;align-content:center;padding:14px 18px}.cs-dock-stat span{color:#7c7582;font-size:.48rem;font-weight:850;letter-spacing:.06em}.cs-dock-stat strong{margin-top:6px;color:#332f38;font-size:.65rem}.cs-dock-stat small{margin-top:4px;font-size:.49rem}.cs-local{display:flex;align-items:center;gap:10px;margin:15px;padding:12px;border:1px solid #cce8e2!important;border-radius:10px;color:#23776f;background:#f3fbf8}.cs-local i{width:13px;height:13px;flex:none;border:3px solid #65ad70;border-radius:50%}.cs-local strong,.cs-local small{display:block}.cs-local strong{font-size:.62rem}.cs-local small{margin-top:3px;font-size:.48rem}

.cs-render-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(248,250,252,.88);backdrop-filter:blur(5px)}.cs-render-card{width:min(460px,100%);padding:24px;border:1px solid var(--cs-line);border-radius:16px;text-align:center;background:#fff;box-shadow:var(--cs-shadow)}.cs-render-card h2{margin:0 0 8px}.cs-render-card p{color:var(--cs-muted);line-height:1.5}.cs-render-card progress{width:100%;height:9px;accent-color:var(--cs-red)}.cs-render-overlay[hidden]{display:none!important}.cs-studio.cs-fullscreen-fallback{position:fixed;z-index:var(--cs-z-fullscreen);inset:0;width:100vw;height:100vh;min-height:0}.cs-studio:fullscreen{width:100vw;height:100vh;max-width:none;border:0}.chain-studio-page:has(.cs-studio.cs-fullscreen-fallback){overflow:hidden}

.cs-static{padding:42px 0 90px;color:var(--cs-ink)}.cs-static section{margin-top:48px}.cs-static h2{margin:7px 0 15px;font-size:clamp(1.6rem,3vw,2.55rem);letter-spacing:-.04em}.cs-static>section>p{max-width:900px;color:var(--cs-muted);line-height:1.72}.cs-static-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cs-static-grid article,.cs-compare article{padding:18px;border:1px solid var(--cs-line);border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(15,23,42,.05)}.cs-static-grid b{color:var(--cs-red-strong);font-size:.67rem}.cs-static-grid h3,.cs-compare h3{margin:7px 0 5px;font-size:.9rem}.cs-static-grid p,.cs-compare p{margin:0;color:var(--cs-muted);line-height:1.6}.cs-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-compare a{color:var(--cs-ink)}.cs-related{display:flex;flex-wrap:wrap;gap:8px}.cs-related a{min-height:44px;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid var(--cs-line);border-radius:10px;color:var(--cs-ink);background:#fff;font-size:.72rem;font-weight:800;text-decoration:none}.cs-static .faq-item{border:1px solid var(--cs-line);border-radius:12px;background:#fff}.cs-static .faq-item+.faq-item{margin-top:8px}
.chain-studio-page.chain-studio-guide-mode>.privacy-ribbon,.chain-studio-page.chain-studio-guide-mode>header.glass-nav{display:block!important}.chain-studio-page.chain-studio-guide-mode .cs-studio{height:min(880px,100svh);min-height:720px}.chain-studio-page.chain-studio-guide-mode #cs-guide{border-color:#f2aeb5;color:var(--cs-red-strong);background:#fff3f4}

@media(max-width:1350px){
  .cs-studio{--cs-left:235px;--cs-right:250px}.cs-topbar{grid-template-columns:var(--cs-left) 126px minmax(125px,175px) minmax(200px,1fr) auto;gap:7px;padding-right:8px}.cs-brand{padding-inline:16px}.cs-brand span{display:none}.cs-top-actions{gap:2px}.cs-top-actions .cs-action span{display:none}.cs-action--primary{min-width:52px}.cs-top-actions #cs-receipt{display:none}.cs-transport .cs-time{min-width:105px}.cs-group{grid-template-columns:1fr}.cs-statusbar{grid-template-columns:minmax(300px,1.3fr) minmax(210px,1fr) minmax(120px,.55fr) 165px}.cs-dock-stat:nth-of-type(4){display:none}.cs-static-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1040px){
  .cs-studio{--cs-left:210px;--cs-right:230px}.cs-topbar{grid-template-columns:var(--cs-left) 116px minmax(190px,1fr) auto}.cs-file{display:none}.cs-top-actions #cs-redo{display:none}.cs-wave-panel{grid-template-columns:86px minmax(0,1fr) 86px}.cs-meter{padding-inline:7px}.cs-meter__rack{grid-template-columns:8px 8px 1fr}.cs-canvas-note{display:none}.cs-statusbar{grid-template-columns:minmax(280px,1.2fr) minmax(190px,1fr) 160px}.cs-dock-stat{display:none}
}
@media(max-width:760px){
  .chain-studio-page #main{height:auto;overflow:visible}.cs-app-host:empty{min-height:calc(100svh - var(--cs-site-shell-height))}.cs-intro,.cs-static{display:block}.chain-studio-page.chain-studio-guide-mode .cs-studio{height:calc(100svh - var(--cs-site-shell-height));min-height:620px}
  .cs-intro{padding:42px 0 24px}.cs-intro__inner{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.cs-intro h1{font-size:clamp(2rem,11vw,3.2rem)}.cs-intro p{font-size:.9rem}.cs-static{padding:28px 0 64px}.cs-static-grid,.cs-compare{grid-template-columns:minmax(0,1fr)}
  .cs-studio{--cs-wave:132px;width:100%;height:calc(100svh - var(--cs-site-shell-height));min-height:620px;border:0}
  .cs-topbar{height:118px;grid-template-columns:1fr auto;grid-template-rows:53px 57px;gap:4px 8px;padding:4px 8px}.cs-brand{height:53px;padding:0 8px;border:0}.cs-brand span{display:inline}.cs-open{grid-column:2;grid-row:1;min-width:112px}.cs-file{display:none}.cs-transport{grid-column:1;grid-row:2;justify-content:flex-start}.cs-transport .cs-time{min-width:92px;font-size:.56rem}.cs-transport .cs-time b{font-size:.65rem}.cs-top-actions{grid-column:2;grid-row:2;max-width:174px;justify-content:flex-end}.cs-top-actions .cs-ab,.cs-top-actions #cs-bypass,.cs-top-actions #cs-undo,.cs-top-actions #cs-redo,.cs-top-actions #cs-receipt,.cs-top-actions #cs-export,.cs-top-actions #cs-fullscreen{display:none}.cs-mobile-pane-button{display:grid}
  .cs-layout{position:relative;height:calc(100% - 190px);display:grid;grid-template-columns:1fr;grid-template-rows:132px minmax(0,1fr);overflow:hidden}.cs-wave-panel{grid-column:1;grid-row:1;grid-template-columns:52px minmax(0,1fr) 52px}.cs-meter{grid-template-rows:18px minmax(0,1fr) 17px;padding:4px}.cs-meter__title{font-size:.44rem}.cs-meter__rack{grid-template-columns:7px 7px;gap:3px}.cs-meter__scale{display:none}.cs-meter__label{font-size:.4rem}.cs-wave-head span:nth-child(2){display:none}.cs-wave-head{height:20px}.cs-wave{height:calc(100% - 20px)}.cs-playhead{top:29px}
  .cs-canvas-panel{grid-column:1;grid-row:2}.cs-library,.cs-inspector{position:absolute;z-index:35;grid-column:auto;grid-row:auto;top:0;bottom:0;width:min(350px,92vw);display:flex;transition:transform .18s ease;box-shadow:0 16px 38px rgba(25,20,29,.18)}.cs-library{left:0;transform:translateX(-105%)}.cs-inspector{right:0;transform:translateX(105%);border-left:1px solid var(--cs-line)}.cs-studio.cs-mobile-library-open .cs-library{transform:translateX(0)}.cs-studio.cs-mobile-inspector-open .cs-inspector{transform:translateX(0)}.cs-separator{display:none}.cs-group{grid-template-columns:1fr 1fr}#cs-library-tools::before{margin:9px 12px 0}.cs-search-wrap{padding:10px 12px 8px}.cs-filter-row{padding:0 12px 9px}.cs-library-list{padding:0 12px 14px}.cs-canvas-toolbar{left:8px;right:8px;top:8px}.cs-preset-row select{max-width:145px}.cs-canvas-toolbar .cs-view-row #cs-fit span{display:none}.cs-node{width:138px}.cs-inspector-controls{grid-template-columns:1fr 1fr}
  .cs-statusbar{height:72px;grid-template-columns:1fr 116px}.cs-dock-ab{gap:5px;padding:8px}.cs-dock-ab button{gap:5px;padding:4px}.cs-dock-ab button>b{width:28px;height:28px}.cs-dock-ab button small{display:none}.cs-versus{display:none}.cs-dock-match,.cs-dock-stat{display:none}.cs-local{margin:8px;padding:7px}.cs-local small{display:none}
}
@media(max-width:560px){.chain-studio-page>.privacy-ribbon a{font-size:0}.chain-studio-page>.privacy-ribbon b{font-size:.74rem}}
@media(max-width:460px){.cs-brand strong{font-size:.9rem}.cs-brand span{font-size:.75rem}.cs-top-actions{max-width:96px}.cs-transport #cs-stop{display:none}.cs-statusbar{grid-template-columns:1fr 102px}.cs-dock-ab button strong{font-size:.52rem}.cs-local{gap:6px}.cs-inspector-controls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cs-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.cs-library>[hidden] button{display:none!important}
.cs-processor.is-in-chain{border-color:#9ed4cf;color:#176b68;background:#f1faf8}.cs-processor.is-in-chain>b{color:#168f8d}.cs-processor.is-in-chain:hover{border-color:#168f8d;background:#e9f8f5}
@media(max-width:760px){.cs-top-actions .cs-ab button{display:none!important}}

/* Reference-detail pass: plugin cards, dial inspector, telemetry dock and compact top actions. */
.cs-more-menu{position:absolute;z-index:45;right:14px;top:67px;width:210px;padding:7px;border:1px solid var(--cs-line);border-radius:11px;background:#fff;box-shadow:0 16px 36px rgba(27,21,33,.15)}.cs-more-menu[hidden],.cs-more-menu[hidden] button{display:none!important}.cs-more-menu .cs-action{width:100%;justify-content:flex-start;border-color:transparent}.cs-more-menu .cs-action+.cs-action{margin-top:3px}
.cs-node{width:158px;min-height:108px;padding:11px 12px}.cs-node--terminal{width:112px;min-height:72px}.cs-node__head strong{font-size:.63rem}.cs-node__summary{font-size:.51rem}
.cs-deesser-preset{height:58px;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;align-items:center;padding:7px 16px;border-bottom:1px solid var(--cs-line)}.cs-deesser-preset output{height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--cs-line);border-radius:8px;color:#514a57;background:#fff;font-size:.62rem;font-weight:800}.cs-deesser-preset button{display:grid;place-items:center;padding:0;border:1px solid var(--cs-line);border-radius:8px;color:#655e69;background:#fff}
.cs-inspector-section{padding:15px 16px;border-bottom:1px solid var(--cs-line)}.cs-inspector-section h4{margin:0 0 13px;color:#49434e;font-size:.6rem}.cs-knob-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}.cs-control--knob{position:relative;display:grid;place-items:center;min-height:108px;text-align:center}.cs-control--knob label{display:grid;place-items:center;gap:64px}.cs-control--knob label span{color:#5d5662;font-size:.52rem}.cs-control--knob output{font-size:.56rem}.cs-dial{position:absolute;left:50%;top:25px;width:58px;height:58px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(from 225deg,var(--cs-red) 0 var(--dial-fill),#f1dfe2 var(--dial-fill) 270deg,transparent 270deg);filter:drop-shadow(0 4px 7px rgba(255,70,84,.10))}.cs-dial::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.cs-dial i{position:absolute;z-index:2;width:2px;height:21px;left:calc(50% - 1px);top:6px;border-radius:2px;background:var(--cs-red);transform:rotate(var(--dial-turn));transform-origin:50% 23px}.cs-control--knob input[type=range]{position:absolute;z-index:3;left:50%;top:25px;width:72px;height:58px;margin:0;opacity:0;transform:translateX(-50%);cursor:ew-resize}.cs-mode-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#5c5661;font-size:.53rem}.cs-mode-row>div{display:flex}.cs-mode-row>div button{min-width:62px;min-height:36px;padding:7px 9px;border:1px solid var(--cs-line);color:#5c5661;background:#fff;text-align:center;font:inherit}.cs-mode-row>div button:first-child{border-radius:7px 0 0 7px}.cs-mode-row>div button:last-child{margin-left:-1px;border-radius:0 7px 7px 0}.cs-mode-row>div button[aria-pressed=true]{position:relative;border-color:#f1a6ae;color:var(--cs-red-strong);background:#fff5f6;font-weight:850}.cs-mode-row>div button:focus-visible{z-index:2;outline:3px solid rgba(255,70,84,.22);outline-offset:2px}.cs-listen{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--cs-line);border-radius:8px;color:#5e5662;background:#fff;font-size:.56rem;font-weight:800}.cs-listen[aria-pressed=true]{border-color:#9ed4ce;color:#176b68;background:var(--cs-teal-soft)}.cs-inspector-section .cs-reduction{margin:10px 0 0}.cs-mix-section .cs-control label{display:flex;align-items:center;justify-content:space-between}.cs-mix-section .cs-control label small{font-weight:600}.cs-mix-section input[type=range]{width:100%;height:44px;accent-color:var(--cs-red)}.cs-inspector>.cs-inspector-actions{grid-template-columns:1fr 1fr 1fr;padding-top:14px}.cs-inspector>.cs-inspector-actions button{min-width:0}
.cs-inspector-head{min-height:51px;padding:7px 16px}.cs-deesser-preset{height:52px;padding-block:4px}.cs-deesser-preset output{height:44px}.cs-inspector-section{padding:10px 16px}.cs-inspector-section h4{margin-bottom:7px}.cs-knob-grid{gap:8px 10px}.cs-control--knob{min-height:82px}.cs-control--knob label{gap:50px}.cs-dial{top:21px;width:50px;height:50px;background:conic-gradient(from 250deg,var(--cs-red) 0 var(--dial-fill),#f1dfe2 var(--dial-fill) 220deg,transparent 220deg);filter:drop-shadow(0 3px 5px rgba(255,70,84,.09))}.cs-dial::before{inset:5px}.cs-dial i{height:18px;top:5px;transform-origin:50% 20px}.cs-control--knob input[type=range]{top:20px;width:64px;height:52px}.cs-mode-row{margin-top:8px}.cs-processing-section .cs-listen{min-height:36px;margin-top:7px}.cs-inspector-section .cs-reduction{min-height:30px;margin-top:5px;margin-bottom:0;padding:5px 7px}.cs-mix-section input[type=range]{height:38px}.cs-inspector>.cs-inspector-actions{padding:8px 16px}.cs-inspector>.cs-inspector-actions button{min-height:44px}
.cs-statusbar{grid-template-columns:minmax(410px,1.2fr) minmax(230px,.7fr) minmax(260px,.78fr) minmax(350px,1fr) 175px}.cs-dock-loudness{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:13px 18px}.cs-dock-loudness>div{min-width:0}.cs-dock-loudness span,.cs-dock-performance span{display:block;color:#514b58;font-size:.46rem;font-weight:850;letter-spacing:.06em}.cs-dock-loudness strong{display:block;margin-top:6px;color:#352f38;font-size:.76rem;font-variant-numeric:tabular-nums}.cs-dock-loudness small{display:block;margin-top:3px;font-size:.47rem}.cs-dock-loudness>b{color:#706a75;font-size:.65rem}.cs-dock-performance{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:14px;padding:12px 16px}.cs-dock-performance>div{min-width:0}.cs-dock-performance strong{display:block;margin-top:5px;color:#373139;font-size:.6rem;font-variant-numeric:tabular-nums}.cs-dock-performance svg{width:100%;height:23px;margin-top:2px;overflow:visible}.cs-dock-performance polyline{fill:none;stroke:var(--cs-teal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1350px){.cs-statusbar{grid-template-columns:minmax(330px,1fr) minmax(210px,.7fr) minmax(230px,.72fr) minmax(280px,.9fr) 165px}.cs-dock-performance{gap:8px;padding-inline:10px}.cs-node{width:154px}.cs-more-menu{right:8px}}
@media(max-width:1040px){.cs-statusbar{grid-template-columns:minmax(300px,1fr) minmax(210px,.75fr) minmax(260px,.9fr) 160px}.cs-dock-loudness{display:none}.cs-top-actions #cs-top-ab{display:none}}
@media(max-width:760px){.cs-top-actions #cs-top-ab,.cs-top-actions #cs-more,.cs-more-menu{display:none!important}.cs-statusbar{grid-template-columns:1fr 102px}.cs-dock-loudness,.cs-dock-performance{display:none}.cs-node{width:146px}.cs-knob-grid{grid-template-columns:1fr 1fr}.cs-inspector>.cs-inspector-actions{grid-template-columns:1fr 1fr}.cs-inspector>.cs-inspector-actions .danger{grid-column:1/-1}}

/* Patcher interaction: visible fan-out/fan-in state plus a keyboard/touch alternative to cable dragging. */
.cs-node.has-branch{border-top-color:#78bdb7}.cs-node.has-merge{border-bottom-color:#ef9ea7}.cs-node.has-branch.has-merge{box-shadow:inset 3px 0 0 rgba(22,143,141,.62),0 5px 12px rgba(32,25,37,.11)}.cs-node.is-selected.has-branch.has-merge{box-shadow:inset 3px 0 0 rgba(22,143,141,.72),0 0 0 2px rgba(255,70,84,.16),0 8px 19px rgba(32,25,37,.13)}
.cs-node__flow{display:flex;align-items:center;gap:4px;min-height:18px;margin:0 0 5px}.cs-flow-badge{padding:3px 5px;border:1px solid #e4e0e5;border-radius:5px;color:#706976;background:#faf9fa;font-size:.42rem;font-style:normal;font-weight:900;letter-spacing:.035em;line-height:1}.cs-flow-badge.is-branch{border-color:#9ed4cf;color:#176b68;background:#effaf8}.cs-flow-badge.is-merge{border-color:#f2abb3;color:#9f2637;background:#fff3f4}.cs-node__flow em{margin-left:auto;color:#456b67;font-size:.45rem;font-style:normal;font-weight:950;letter-spacing:.055em}.cs-node--terminal .cs-node__flow{justify-content:center;margin:6px 0 0}.cs-node--terminal .cs-node__flow em{display:none}
.cs-node__patch-cta{width:100%;min-height:calc(44px / var(--cs-view-zoom,1))!important;display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 5px;padding:5px 8px;border:1px solid #a8d8d3;border-radius:8px;color:#176b68;background:linear-gradient(180deg,#fff,#f0faf8);font-size:.5rem;font-weight:900}.cs-node__patch-cta:hover{border-color:var(--cs-teal);background:#eaf8f5}.cs-node__patch-cta .cs-icon{width:13px;height:13px}
.cs-patch-composer{border-bottom:1px solid var(--cs-line);background:linear-gradient(145deg,#f7fcfb,#fff9fa)}.cs-patch-composer>summary{min-height:46px;display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:6px 16px;color:#176b68;cursor:pointer;list-style:none}.cs-patch-composer>summary::-webkit-details-marker{display:none}.cs-patch-composer>summary span{font-size:.46rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase}.cs-patch-composer>summary strong{color:#302b35;font-size:.62rem}.cs-patch-composer>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:0 16px 10px}.cs-patch-composer small{grid-column:1/-1;color:var(--cs-muted);font-size:.47rem;line-height:1.35}.cs-patch-composer select{min-width:0;height:44px;padding:7px 30px 7px 10px;border:1px solid #a8d8d3;border-radius:8px;color:#39333e;background:#fff;font-size:.55rem;font-weight:800}.cs-patch-composer button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid var(--cs-teal);border-radius:8px;color:#fff;background:var(--cs-teal);font-size:.52rem;font-weight:900}.cs-patch-composer button:hover{background:#107a78}.cs-patch-composer button:disabled{border-color:#d7d2d9;color:#87808b;background:#f4f2f4}.cs-patch-composer button .cs-icon{width:14px;height:14px}
.cs-control--select{display:grid;align-content:start;gap:7px}.cs-control--select select{width:100%;height:44px;padding:7px 30px 7px 10px;border:1px solid var(--cs-line);border-radius:8px;color:#342f38;background:#fff;font-size:.58rem;font-weight:800}
.cs-canvas-note{z-index:18;right:auto;max-width:min(560px,calc(100% - 36px));display:none;align-items:center;gap:9px;padding:8px 8px 8px 11px;border-color:#9ed4cf;border-radius:11px;background:rgba(247,253,252,.97);box-shadow:0 12px 28px rgba(24,91,87,.13);font-size:.52rem;line-height:1.4}.cs-canvas-note.is-visible{display:flex}.cs-canvas-note>span{display:grid;grid-template-columns:16px auto 1fr;align-items:center;gap:4px 6px}.cs-canvas-note .cs-icon{grid-row:1/3;width:15px;height:15px}.cs-canvas-note b{color:#155f5c}.cs-canvas-note strong{color:#155f5c}.cs-canvas-note button{min-width:58px;min-height:44px;padding:7px 9px;border:1px solid #9ed4cf;border-radius:8px;color:#176b68;background:#fff;font-size:.5rem;font-weight:900}
@media(max-width:1040px){.cs-canvas-note.is-visible{display:flex}}
@media(max-width:760px){.cs-canvas-note{left:8px;right:8px;bottom:8px;max-width:none}.cs-canvas-note>span{grid-template-columns:15px 1fr}.cs-canvas-note>span strong{display:none}.cs-canvas-note button{min-width:52px}.cs-patch-composer{padding:10px 12px}.cs-patch-composer button span{display:none}.cs-patch-composer button{width:44px;padding:0}.cs-node__flow em{display:none}}

@media(min-width:761px){
  .cs-statusbar{height:90px}
  .cs-deesser-preset{height:44px;padding-block:0}
  .cs-inspector-section{padding:7px 14px}
  .cs-inspector-section h4{margin-bottom:4px}
  .cs-control--knob{min-height:72px}
  .cs-control--knob label{gap:43px}
  .cs-dial{top:17px;width:46px;height:46px}
  .cs-control--knob input[type=range]{top:16px;height:48px}
}
@media(max-width:760px){.cs-patch-composer{padding:0}.cs-patch-composer>form{padding:0 12px 10px}}