#sb-app{--bg:#0c0b09;--panel:#12110e;--panel2:#191713;--line:rgba(245,241,232,.16);--text:#f5f1e8;--muted:#a39e93;--accent:#ff4d00;--lift:#ff6a21;--f-body:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",Menlo,Consolas,monospace;--f-disp:Unbounded,"Arial Black",Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;font:14px/1.5 var(--f-body);height:var(--sb-h,100vh);position:relative;text-align:left}#sb-app *,#sb-app :after,#sb-app :before{box-sizing:border-box}#sb-app .sb-head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}#sb-app .sb-title{color:var(--text);font:800 14px/1.2 var(--f-disp);letter-spacing:.02em;margin:0;text-transform:uppercase}#sb-app .sb-title span{color:var(--lift)}#sb-app p{max-width:none}#sb-app .sb-head p{color:var(--muted);flex:1;font-size:13px;margin:0;min-width:200px}#sb-app .sb-main{display:grid;flex:1;grid-template-columns:1fr 360px;min-height:0}#sb-app .stage{background-color:#0f0e0c;background-image:linear-gradient(45deg,#15130f 25%,transparent 0),linear-gradient(-45deg,#15130f 25%,transparent 0),linear-gradient(45deg,transparent 75%,#15130f 0),linear-gradient(-45deg,transparent 75%,#15130f 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;min-height:0;overflow:hidden;position:relative}#sb-app .stage.drag{outline:2px dashed var(--accent);outline-offset:-10px}#sb-app #viewport{cursor:grab;inset:0;overflow:hidden;position:absolute;touch-action:none}#sb-app #viewport.panning{cursor:grabbing}#sb-app #viewport.tool{cursor:crosshair}#sb-app #viewport.move{cursor:move}#sb-app #view{box-shadow:0 8px 40px rgba(0,0,0,.6);left:0;max-width:none;top:0;transform-origin:0 0}#sb-app #ring,#sb-app #view{display:none;position:absolute}#sb-app #ring{border:1.5px solid #fff;border-radius:50%;outline:1px solid rgba(0,0,0,.6);pointer-events:none}#sb-app #ring,#sb-app .empty{transform:translate(-50%,-50%)}#sb-app .empty{background:var(--panel);border:1px solid var(--line);left:50%;padding:30px;position:absolute;text-align:center;top:50%;width:min(400px,90%);z-index:2}#sb-app .empty .empty-h,#sb-app .empty h2{color:var(--text);font:800 17px/1.2 var(--f-disp);margin:0 0 8px;text-transform:uppercase}#sb-app .empty p{color:var(--muted);margin:0 0 18px}#sb-app .status{color:var(--muted);display:block;font:11.5px var(--f-mono);left:12px;letter-spacing:0;padding:4px 8px;text-transform:none}#sb-app .status,#sb-app .zoombar{background:rgba(12,11,9,.88);bottom:10px;position:absolute;z-index:2}#sb-app .zoombar{align-items:center;display:none;gap:4px;padding:4px;right:12px}#sb-app .zoombar button{min-width:32px;padding:4px 10px}#sb-app .zoombar span{color:var(--muted);font:11.5px var(--f-mono);min-width:44px;text-align:center}#sb-app .zoombar .orig{align-items:center;color:var(--muted);display:flex;font:11.5px var(--f-mono);gap:6px;padding:0 6px}#sb-app .zoombar .orig input{width:90px}#sb-app .modebar{background:rgba(12,11,9,.88);display:none;gap:4px;left:50%;padding:4px;position:absolute;top:10px;transform:translateX(-50%);z-index:2}#sb-app #panel{background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:10px 12px 40px}#sb-app .tabs{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}#sb-app .tabs button{font-size:10.5px;padding:8px 4px}#sb-app .advtoggle{color:var(--muted);margin:2px 2px 10px}#sb-app #panel.adv .simple,#sb-app #panel:not(.adv) .adv{display:none!important}#sb-app details{background:var(--panel2);border:1px solid var(--line);margin:0 0 10px;padding:0}#sb-app details[hidden]{display:none}#sb-app summary{color:var(--lift);font:500 11px var(--f-mono);letter-spacing:.14em;list-style:none;padding:10px 12px 4px;pointer-events:none;text-transform:uppercase}#sb-app summary::-webkit-details-marker{display:none}#sb-app .body{padding:4px 12px 12px}#sb-app .row{align-items:center;border:0;color:inherit;display:grid;gap:8px;grid-template-columns:112px 1fr 38px;margin:7px 0;padding:0}#sb-app .row label{color:var(--muted);font-size:12.5px;margin:0}#sb-app .row output{color:var(--muted);font:11.5px var(--f-mono);text-align:right}#sb-app .row.two{grid-template-columns:112px 1fr}#sb-app .row.tone{grid-template-columns:20px 92px 1fr}#sb-app input[type=range]{accent-color:var(--accent);background:none;border:0;margin:0;padding:0;width:100%}#sb-app input[type=color]{background:none;border:1px solid var(--line);height:28px;padding:2px;width:100%}#sb-app input[type=number],#sb-app input[type=text],#sb-app select{background:var(--bg);border:1px solid var(--line);border-radius:0;color:var(--text);font:13px var(--f-body);height:auto;margin:0;padding:6px 8px;width:100%}#sb-app .check{align-items:center;color:var(--text);display:flex;font-size:13px;gap:8px;margin:8px 0}#sb-app .check input,#sb-app .row.tone input[type=checkbox]{accent-color:var(--accent);height:16px;margin:0;width:16px}#sb-app .btn,#sb-app button{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--text);cursor:pointer;display:inline-block;font:500 11px var(--f-mono);letter-spacing:.1em;line-height:1.3;margin:0;padding:8px 12px;text-transform:uppercase;width:auto}#sb-app .btn:hover,#sb-app button:hover{border-color:var(--accent)}#sb-app .btn:focus-within,#sb-app button:focus-visible,#sb-app input:focus-visible,#sb-app select:focus-visible{outline:2px solid var(--lift);outline-offset:2px}#sb-app .btn.primary,#sb-app button.on,#sb-app button.primary{background:var(--accent);border-color:var(--accent);color:#0c0b09}#sb-app button:disabled{cursor:not-allowed;opacity:.4}#sb-app .btns{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}#sb-app .btns .x{border-left:0;color:var(--muted);margin-left:-7px;padding:8px}#sb-app .swatches{display:flex;gap:6px;margin:4px 0 8px}#sb-app .swatches button{border:2px solid var(--line);border-radius:50%;height:26px;padding:0;width:26px}#sb-app .hint{color:var(--muted);font-size:12px;letter-spacing:0;line-height:1.5;margin:6px 0 0;text-transform:none}#sb-app .inline{display:grid;gap:6px;grid-template-columns:1fr auto;margin-top:8px}#printArea{display:none}@media (max-width:820px){#sb-app{height:auto}#sb-app .sb-main{grid-template-columns:1fr;grid-template-rows:62vh auto}#sb-app #panel{border-left:0;border-top:1px solid var(--line)}}@media print{body>*{display:none!important}#printArea{display:block!important}#printArea .sheet{break-after:page;page-break-after:always}#printArea .sheet:last-child{break-after:auto;page-break-after:auto}#printArea img{display:block}#printArea .lab{color:#555;font:8pt sans-serif;margin:0 0 2mm}}section.beat.sb-toolbeat{background:#0c0b09;border-bottom:1px solid rgba(245,241,232,.14);border-top:1px solid rgba(245,241,232,.14);display:block;max-width:none;min-height:0;padding:0;scroll-margin-top:64px}.sb-toolhead{margin:0 auto;max-width:1380px;padding:56px 52px 28px}.sb-toolhead h2{font-size:clamp(24px,3vw,42px);line-height:1.1;margin:18px 0 10px;max-width:24ch}.sb-toolnote{color:#a39e93;font-size:14px}#sb-app{--sb-h:calc(100vh - 70px);min-height:640px}@media (max-width:1020px){.sb-toolhead{padding:44px 24px 22px}}@media (max-width:820px){#sb-app{min-height:0}}