.sv-start-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.sv-start-btn{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--fg);transition:background .2s,border-color .2s,transform .1s}.sv-start-btn:hover{background:var(--card-hi);border-color:var(--line-hi)}.sv-start-btn:active{transform:translateY(1px)}.sv-start-ico{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--bg);color:var(--accent-text)}.sv-start-txt{display:grid;gap:2px;min-width:0}.sv-start-txt strong{font:600 14px/20px var(--sans)}.sv-start-txt span{font-size:12px;line-height:18px;color:var(--fg-3)}@media(max-width:520px){.sv-start-row{grid-template-columns:1fr}}html.sv-open[data-tool=svg]{overflow:hidden}html.sv-open[data-tool=svg] .foot,html.sv-open[data-tool=svg] #blob,html.sv-open[data-tool=svg] #blobBlur{display:none}html.sv-open[data-tool=svg] body{overflow:hidden;min-height:0;height:100vh;height:100dvh;display:flex;flex-direction:column}html.sv-open[data-tool=svg] main{flex:1;min-height:0;display:flex;flex-direction:column}html.sv-open[data-tool=svg] [data-view=svg]{flex:1;min-height:0;display:flex;flex-direction:column}html.sv-open[data-tool=svg] #svStart,html.sv-open[data-tool=svg] [data-view=svg]>.block{display:none}.sv{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line);font-size:13px;line-height:20px}.sv[hidden]{display:none}.ib{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--fg-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ib:hover:not(:disabled){color:var(--fg);background:#ffffff0d}.ib:disabled{opacity:.35;cursor:default}.ib[aria-pressed=true]{color:var(--fg);background:var(--surface);border-color:var(--line-hi)}.ib.tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.ib:focus-visible,.tb:focus-visible,.sv-tab:focus-visible,.seg button:focus-visible{outline-offset:-2px}.sep{width:1px;height:20px;background:var(--line);margin:0 4px;flex-shrink:0}.grow{flex:1}.tb{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card-hi);color:var(--fg);font:500 12px/1 var(--sans);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.tb:hover:not(:disabled){background:var(--surface);border-color:var(--line-hi)}.tb:disabled{opacity:.4;cursor:default}.tb[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text)}.sv-tabsbar{display:flex;align-items:stretch;background:var(--card);border-bottom:1px solid var(--line);min-height:38px}.sv-tabs{display:flex;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:thin}.sv-tab{display:flex;align-items:center;gap:8px;min-width:0;max-width:220px;padding:0 6px 0 14px;color:var(--fg-3);cursor:pointer;border-right:1px solid var(--line);position:relative;user-select:none;flex-shrink:0}.sv-tab:hover{color:var(--fg-2);background:#ffffff06}.sv-tab[aria-selected=true]{color:var(--fg);background:var(--bg)}.sv-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent)}.sv-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sv-tab-edit{width:120px;height:24px;padding:0 6px;border:1px solid var(--accent);border-radius:5px;background:var(--bg);color:var(--fg);font:inherit}.sv-dirty{width:7px;height:7px;border-radius:50%;background:var(--busy);flex-shrink:0}.sv-tab-x{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:none;color:inherit;cursor:pointer;opacity:.6}.sv-tab-x:hover{opacity:1;background:#ffffff14}.sv-add{display:grid;place-items:center;width:38px;flex-shrink:0;border:0;background:none;color:var(--fg-2);cursor:pointer}.sv-add:hover{color:var(--fg);background:#ffffff08}.sv-bar{display:flex;align-items:center;gap:2px;padding:5px 10px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.sv-bar .zoom{min-width:56px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--fg-2);font:500 12px/1 var(--mono);cursor:pointer}.sv-bar .zoom:hover{color:var(--fg);background:#ffffff0d}.sv-bar .btn{margin-left:6px}.sv-main{flex:1;min-height:0;display:flex}.sv-rail{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 5px;width:46px;flex-shrink:0;overflow-y:auto;scrollbar-width:none;background:var(--card);border-right:1px solid var(--line)}.sv-rail hr{width:22px;margin:5px 0;border:0;border-top:1px solid var(--line)}.sv-rail .ib{width:34px;height:34px}.sv-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#0f0f0f;touch-action:none;user-select:none;-webkit-user-select:none}.sv-stage.grid{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:var(--grid,32px) var(--grid,32px)}.sv-canvas,.sv-overlay{position:absolute;inset:0;width:100%;height:100%;display:block}.sv-overlay{pointer-events:none;overflow:hidden}.sv-canvas{overflow:hidden}.sv-boards rect{filter:drop-shadow(0 6px 18px #00000066)}.sv-stage[data-tool=select],.sv-stage[data-tool=node]{cursor:default}.sv-stage[data-tool=hand],.sv-stage.panning{cursor:grab}.sv-stage[data-tool=zoom]{cursor:zoom-in}.sv-stage:is([data-tool=pen],[data-tool=pencil],[data-tool=rect],[data-tool=ellipse],[data-tool=line],[data-tool=polygon],[data-tool=star],[data-tool=eyedropper]){cursor:crosshair}.sv-stage[data-tool=text]{cursor:text}.sv-canvas [data-hidden]{display:none}.sv-canvas [data-locked]{pointer-events:none}.sv-stage.outline #svWorld [data-xid]:not(svg):not(g){fill:none!important;stroke:#7fb2ff!important;stroke-width:1px!important;vector-effect:non-scaling-stroke}.sv-stage.outline .sv-boards rect{fill:#1b1b1b}.sv-drophint{position:absolute;inset:12px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--r-lg);background:#a0474718;color:var(--fg);font-weight:600;pointer-events:none}.sv-textedit{position:absolute;z-index:3;padding:0 5px;margin:0;border:1px dashed var(--accent-text);border-radius:3px;background:transparent;color:transparent;caret-color:#fff;outline:none;resize:none;overflow:hidden;white-space:pre;line-height:1.2;min-height:1.2em;field-sizing:content}.ov-quad{fill:none;stroke:var(--accent-text);stroke-width:1;opacity:.55;vector-effect:non-scaling-stroke}.ov-frame{fill:none;stroke:var(--accent-text);stroke-width:1.25;vector-effect:non-scaling-stroke}.ov-line{stroke:var(--accent-text);stroke-width:1}.ov-guide{stroke:#ff5fa8;stroke-width:1;stroke-dasharray:4 3}.ov-marquee{fill:#d072721a;stroke:var(--accent-text);stroke-width:1;stroke-dasharray:4 3}.ov-preview{fill:none;stroke:var(--accent-text);stroke-width:1.25;stroke-dasharray:5 4}.ov-hline{stroke:#8ab4ff;stroke-width:1}.ov-handle{fill:#fff;stroke:var(--accent);stroke-width:1.5;pointer-events:all}.ov-handle:hover{fill:var(--accent-text)}.ov-node{fill:#fff;stroke:#2c2c2c;stroke-width:1.5}.ov-node.on{fill:var(--accent);stroke:#fff}.ov-node.first{stroke:var(--good);stroke-width:2}.ov-hpt{fill:#8ab4ff;stroke:#fff;stroke-width:1}.ov-label{fill:var(--fg-3);font:500 11px var(--sans);pointer-events:all;cursor:default}.ov-label.on{fill:var(--accent-text)}.sv-side{width:296px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--card);border-left:1px solid var(--line)}.sv-seg,.seg{display:inline-flex;padding:2px;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm)}.sv-seg{display:flex;margin:10px 10px 6px}.sv-seg button,.seg button{flex:1;height:26px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--fg-3);font:500 12px/1 var(--sans);cursor:pointer;white-space:nowrap}.sv-seg button:hover,.seg button:hover:not(:disabled){color:var(--fg)}.sv-seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg)}.seg button:disabled{opacity:.35;cursor:default}.seg{max-width:100%}.sv-sidepanel{flex:1;min-height:0;overflow-y:auto;padding-bottom:24px;scrollbar-width:thin}.sec{border-top:1px solid var(--line)}.sec:first-child{border-top:0}.sec>summary{display:flex;align-items:center;gap:6px;padding:10px 12px;cursor:pointer;list-style:none;font:400 11px/16px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.sec>summary::-webkit-details-marker{display:none}.sec>summary:before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.sec[open]>summary:before{transform:rotate(45deg)}.sec>summary:hover{color:var(--fg-2)}.sec-b{display:grid;gap:8px;padding:2px 12px 14px}.row{display:flex;align-items:center;gap:8px;min-width:0}.row.multi{flex-wrap:wrap}.row>.f{flex:1 1 104px}.f .f-i{min-width:56px}.row>.f.grow{flex:1 1 100%}.row>.f-i.hex{flex:1.4 1 0}.ib-row{display:flex;align-items:center;flex-wrap:wrap;gap:1px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hint{font-size:12px;line-height:18px;color:var(--fg-3)}.hint.pad{padding:16px 12px}.f{display:flex;align-items:center;gap:6px;min-width:0}.f-l{font:400 11px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);flex-shrink:0;min-width:2ch}.f-s{font-size:11px;color:var(--fg-3)}.f-i,.sec input[type=text],.sec input[type=number],.sec select,.code-ta,.paste-ta,.ex input[type=text],.ex input[type=number]{width:100%;min-width:0;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font:400 12px/1 var(--mono)}.f-i:focus,.code-ta:focus,.paste-ta:focus{outline:none;border-color:var(--accent-text)}.f-i.hex{text-transform:lowercase}select.f-i{font-family:var(--sans);padding-right:4px}input[type=number]{-moz-appearance:textfield}input[type=color]{width:32px;height:28px;padding:2px;flex-shrink:0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent)}.chk{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.chk input{accent-color:var(--accent)}.grad-bar{height:22px;border-radius:5px;border:1px solid var(--line-hi);cursor:copy;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,5px 5px}.stops{display:grid;gap:5px}.stop{display:grid;grid-template-columns:32px 1fr 1fr 28px;gap:6px;align-items:center}.stop.head{font:400 10px/14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.ab-list{display:grid;gap:2px}.ab-item{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border:0;border-radius:var(--r-sm);background:none;color:var(--fg-2);font:inherit;cursor:pointer;text-align:left}.ab-item:hover{background:#ffffff0a;color:var(--fg)}.ab-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-item em{font:400 11px var(--mono);font-style:normal;color:var(--fg-3)}.layers{padding:4px 6px}.ly{display:flex;align-items:center;gap:2px;height:30px;padding-right:2px;padding-left:calc(var(--d) * 14px);border-radius:var(--r-sm);color:var(--fg-2);cursor:default;position:relative}.ly:hover{background:#ffffff08}.ly.on{background:#a0474733;color:var(--fg)}.ly.off{opacity:.45}.ly.ab{color:var(--fg-3);font-weight:600}.ly-fold,.ly-btn{display:grid;place-items:center;width:20px;height:24px;padding:0;border:0;background:none;color:var(--fg-3);cursor:pointer;flex-shrink:0;border-radius:4px}.ly-fold.none{pointer-events:none}.ly-fold svg{transition:transform .12s}.ly-fold[aria-expanded=true] svg{transform:rotate(90deg)}.ly-btn{opacity:0}.ly:hover .ly-btn,.ly-btn.on{opacity:1}.ly-btn:hover{color:var(--fg);background:#ffffff14}.ly-ico{display:grid;place-items:center;width:20px;color:var(--fg-3);flex-shrink:0}.ly-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ly-edit{flex:1;min-width:0;height:22px;padding:0 6px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--fg);font:inherit}.ly[data-drop=above]:before,.ly[data-drop=below]:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:var(--accent-text);border-radius:2px}.ly[data-drop=above]:before{top:-1px}.ly[data-drop=below]:after{bottom:-1px}.ly[data-drop=inside]{outline:1.5px solid var(--accent-text);outline-offset:-1px}.code{display:grid;gap:8px;padding:6px 12px}.code-ta{height:min(60vh,520px);padding:8px;resize:vertical;font-size:11.5px;line-height:17px;white-space:pre;overflow:auto;tab-size:2}.code-msg{font-size:12px;color:var(--fg-3)}.code-msg.bad,.dlg-text.bad{color:var(--bad)}.sv-status{display:flex;justify-content:space-between;gap:16px;padding:4px 12px;background:var(--card);border-top:1px solid var(--line);color:var(--fg-3);font-size:12px;line-height:18px}.sv-tip{position:fixed;z-index:80;display:flex;align-items:center;gap:8px;padding:5px 9px;max-width:260px;border:1px solid var(--line-hi);border-radius:var(--r-sm);background:var(--card-hi);color:var(--fg);font:500 12px/16px var(--sans);box-shadow:0 8px 24px -8px #000;pointer-events:none;white-space:nowrap}.sv-tip kbd{padding:1px 5px;border-radius:4px;background:var(--bg);border:1px solid var(--line);color:var(--fg-2);font:500 11px var(--mono)}.sv-menu{position:fixed;z-index:60;min-width:220px;padding:5px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--card-hi);box-shadow:0 18px 40px -12px #000}.sv-menu button{display:flex;justify-content:space-between;gap:24px;width:100%;height:32px;padding:0 10px;border:0;border-radius:var(--r-sm);background:none;color:var(--fg);font:500 13px var(--sans);text-align:left;align-items:center;cursor:pointer}.sv-menu button:hover:not(:disabled),.sv-menu button:focus-visible{background:var(--surface);outline:none}.sv-menu button:disabled{opacity:.4;cursor:default}.sv-menu kbd{font:400 11px var(--mono);color:var(--fg-3)}.sv-menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}.sv-dialog{width:min(30rem,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line-hi);border-radius:var(--r-lg);background:var(--card);color:var(--fg);box-shadow:0 30px 80px -20px #000}.sv-dialog.wide{width:min(58rem,calc(100vw - 32px))}.sv-dialog::backdrop{background:#000a;backdrop-filter:blur(2px)}.dlg-body{display:grid;gap:14px;padding:20px}.dlg-title{font:600 18px/26px var(--sans)}.dlg-text{color:var(--fg-2);font-size:14px;line-height:22px}.dlg-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.btn.danger{color:var(--bad)}.paste-ta{height:240px;padding:10px;resize:vertical;font-size:12px;line-height:18px;white-space:pre;overflow:auto}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;max-height:60vh;overflow:auto}.keys h3{font:400 11px/16px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}.keys p{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:24px;color:var(--fg-2)}.keys kbd{font:500 12px var(--mono);color:var(--fg);white-space:nowrap}.ex{display:grid;grid-template-rows:auto 1fr auto;max-height:calc(100vh - 48px)}.ex-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.ex-head .ib{font-size:20px}.ex-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,1fr);min-height:0}.ex-preview{display:grid;place-items:center;min-height:300px;max-height:60vh;overflow:auto;padding:20px;background:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,transparent 25%,transparent 75%,#e8e8e8 75%),linear-gradient(45deg,#e8e8e8 25%,transparent 25%,transparent 75%,#e8e8e8 75%);background-size:16px 16px;background-position:0 0,8px 8px}.ex-preview img{height:min(52vh,320px);max-width:100%;width:auto;display:block}.ex .seg{flex-wrap:wrap}.ex .seg button{flex:1 1 auto}.ex-code{margin:0;align-self:start;justify-self:stretch;padding:12px;background:#151515;color:#ddd;font:12px/18px var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:var(--r-sm);max-height:52vh;overflow:auto}.ex-opts{display:grid;gap:14px;padding:18px 20px;align-content:start;overflow-y:auto;max-height:60vh}.ex-group{display:grid;gap:6px}.ex-group[hidden]{display:none}.fmt-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fmt-pick button{height:36px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card-hi);color:var(--fg-2);font:600 13px var(--sans);cursor:pointer}.fmt-pick button:hover{border-color:var(--line-hi);color:var(--fg)}.fmt-pick button[aria-pressed=true]{border-color:var(--accent);color:var(--fg);background:#a0474726}.ex-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}.ex-btns{display:flex;gap:8px}@media(max-width:760px){.ex-body{grid-template-columns:1fr}.ex-preview{min-height:200px;max-height:34vh}}@media(max-width:820px){.sv-main{flex-direction:column}.sv-rail{flex-direction:row;width:auto;height:46px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:5px 8px}.sv-rail hr{width:1px;height:22px;margin:0 5px;border:0;border-left:1px solid var(--line)}.sv-side{width:auto;height:42%;border-left:0;border-top:1px solid var(--line)}.sv-stage{min-height:160px}}.block-head+.flow-title{margin-top:8px}