body:has(.sbx){overflow:hidden}body:has(.sbx)>astro-island>.nav,body:has(.sbx)>.site-foot,body:has(.sbx)>astro-island>.ascii-field{display:none}.sbx{touch-action:none;color:var(--text);font-size:14px;position:fixed;inset:0}.sbx-h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sbx-viewport{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.sbx-viewport[data-grabbing]{cursor:grabbing}.sbx-stage{transform-origin:0 0}.sbx-dots,.sbx-stage{width:100%;height:100%;position:absolute;inset:0}.sbx-stage.wl{position:absolute}.sbx-top{z-index:5;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:16px;left:0;right:0}.sbx-nav{flex:none;padding:0;position:static}.sbx-nav .nav-pill{gap:14px;padding:0 8px 0 18px}.sbx-out{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:500;display:inline-flex}.sbx-name{border-left:1px solid var(--rule);color:var(--ink);align-items:baseline;gap:8px;padding-left:14px;font-size:15px;font-weight:600;display:inline-flex}.sbx-name .mono{color:var(--mute-ink)}.sbx-views button{z-index:1;color:var(--mute-ink);font:400 15px var(--sans);cursor:pointer;transition:color .16s var(--ease);background:0 0;border:0;padding:7px 14px;position:relative}.sbx-views button:hover{color:var(--ink)}.sbx-views button[data-lit]{color:var(--paper)}.sbx-views .nav-slider{transition:left .4s var(--ease), right .4s var(--ease)}.sbx-icon{width:34px;height:34px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer;transition:background-color .2s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sbx-icon:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.sbx-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .5s var(--ease)}.sbx-icon:active svg{transform:rotate(-300deg)}.sbx-panel{background:var(--paper);width:264px;max-height:calc(100vh - 40px);color:var(--ink);pointer-events:auto;filter:drop-shadow(0 10px 18px #0000008c);border-radius:28px;flex-direction:column;display:flex;position:absolute;top:3px;right:20px;overflow:hidden}.sbx-panel-head{width:100%;height:56px;color:var(--ink);font:600 14px var(--sans);cursor:pointer;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.sbx-chev{width:8px;height:8px;transition:transform .35s var(--ease);border-bottom:1.4px solid;border-right:1.4px solid;transform:translateY(-2px)rotate(45deg)}.sbx-panel[data-state=closed] .sbx-chev{transform:translateY(2px)rotate(-135deg)}.sbx-panel-wrap{min-height:0;transition:grid-template-rows .45s var(--ease);grid-template-rows:1fr;display:grid}.sbx-panel[data-state=closed] .sbx-panel-wrap{grid-template-rows:0fr}.sbx-panel-body{touch-action:pan-y;min-height:0;padding:2px 22px 0;overflow:auto}.sbx-groups{border-top:1px solid var(--rule);padding-top:12px}.sbx-field{grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin-bottom:10px;font-size:13px;display:grid}.sbx-field>span{position:relative}.sbx-field[data-changed]>span:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 7px;position:absolute;top:50%}.sbx-field output{color:var(--mute-ink);font-size:11px}.sbx-field input{--fill:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:16px;margin:0}.sbx-field input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill), var(--rule) var(--fill));border-radius:1px;height:2px}.sbx-field input::-moz-range-track{background:var(--rule);height:2px}.sbx-field input::-moz-range-progress{background:var(--ink);height:2px}.sbx-field input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--ink);transition:transform .25s var(--spring);border-radius:50%;margin-top:-5px}.sbx-field input::-moz-range-thumb{background:var(--paper);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--ink);border:0;border-radius:50%}.sbx-field input:hover::-webkit-slider-thumb,.sbx-field input:active::-webkit-slider-thumb{transform:scale(1.25)}.sbx-defaults{border:0;border-top:1px solid var(--rule);width:100%;color:var(--mute-ink);text-align:left;cursor:pointer;transition:color .2s var(--ease);background:0 0;margin:4px 0 0;padding:12px 0 15px;display:block}.sbx-defaults:hover{color:var(--ink)}.sbx-current,.sbx-nav .sbx-burger,.sbx-more{display:none}.sbx-current{color:var(--ink);align-items:baseline;gap:8px;margin-right:auto;font-size:15px}.sbx-current .mono{color:var(--mute-ink)}.sbx-menu-label{color:var(--mute-ink);font-size:10px}.sbx-menu-views{gap:2px;display:grid}.sbx-menu-views button{color:var(--ink);font:500 20px / 1.15 var(--sans);letter-spacing:-.02em;text-align:left;cursor:pointer;transition:background-color .2s var(--ease);background:0 0;border:0;border-radius:14px;grid-template-columns:30px 1fr;align-items:baseline;padding:12px;display:grid}.sbx-menu-views button .mono{color:var(--mute-ink)}.sbx-menu-views button i{color:var(--mute-ink);font:400 13px var(--sans);letter-spacing:0;grid-column:2;margin-top:3px}.sbx-menu-views button[aria-current]{background:color-mix(in srgb, var(--ink) 7%, transparent)}.sbx-more{color:var(--text-2);pointer-events:none;animation:sbx-bob 2.4s var(--ease) infinite;align-items:flex-end;gap:4px;font-size:10px;position:absolute;top:84px;right:30px}.sbx-more svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:22px;margin-bottom:6px}@keyframes sbx-bob{50%{transform:translate(2px,-3px)}}.sbx-bl,.sbx-hint{color:var(--mute);pointer-events:none;font-size:10px;position:absolute;bottom:20px}.sbx-bl{gap:10px;display:grid;left:20px}.sbx-readout{gap:5px;display:grid}.sbx-row{grid-template-columns:30px 72px 34px;align-items:center;gap:8px;display:grid}.sbx-row>span:last-child{text-align:right;color:var(--text)}.sbx-track{background:var(--line-2);height:2px;position:relative;overflow:hidden}.sbx-track i{background:var(--text);transform-origin:0;position:absolute;inset:0}.sbx-coords{white-space:pre}.sbx-hint{color:var(--text-2);white-space:nowrap;left:50%;transform:translate(-50%)}@media (width<=1320px){.sbx-name{display:none}}@media (width<=1200px){.sbx-panel{top:76px}}@media (width<=860px){.sbx-nav .sbx-views,.sbx-nav .sbx-icon{display:none}.sbx-current{display:inline-flex}.sbx-nav .sbx-burger{flex:none;display:block}.sbx-more{display:flex}.sbx-panel:not([data-state=open]) .sbx-panel-wrap{grid-template-rows:0fr}.sbx-panel:not([data-state=open]) .sbx-chev{transform:translateY(2px)rotate(-135deg)}.sbx-nav .nav-pill{width:min(260px,100vw - 108px)}.sbx-name,.sbx-out-label,.sbx-coords,.sbx-readout{display:none}.sbx-nav .nav-pill{gap:6px;padding:0 8px 0 12px}.sbx-views{padding:0 4px}.sbx-views button{white-space:nowrap;flex:none;padding:6px 8px;font-size:13px}.sbx-icon{width:30px;height:30px}.sbx-hint{white-space:normal;text-align:center;width:max-content;max-width:90%;transition:opacity .3s var(--ease);bottom:80px}.sbx:has(.sbx-panel[data-state=open]) .sbx-hint{opacity:0}.sbx-panel{width:auto;max-height:52%;position:fixed;inset:auto 10px 10px}}@media (prefers-reduced-motion:reduce){.sbx-more{animation:none}}.ix-drop .drop-in{padding:18px 18px 16px}.ix-card{color:var(--ink);cursor:pointer;gap:14px;display:grid}.ix-head{color:var(--mute-ink);justify-content:space-between;align-items:center;display:flex}.ix-skip{color:var(--ink);cursor:pointer;background:0 0;border:0;margin:-8px -4px -8px 0;padding:8px 4px 8px 16px}.ix-step{height:84px;animation:ix-up .45s var(--ease) backwards;align-items:center;gap:16px;display:flex}@keyframes ix-up{0%{opacity:0;transform:translateY(8px)}}.ix-icon{flex:none;width:64px;height:64px}.ix-icon svg{width:100%;height:100%;display:block;overflow:visible}.ix-text{gap:4px;display:grid}.ix-text b{letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:1.15}.ix-text>span{color:var(--mute-ink);font-size:13.5px;line-height:1.4}.ix-bars{gap:5px;display:flex}.ix-bars span{background:var(--rule);flex:1;height:2px;position:relative;overflow:hidden}.ix-bars i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ix-bars [data-state=done] i{transform:none}.ix-bars [data-state=now] i{animation:ix-time var(--d) linear forwards}@keyframes ix-time{to{transform:none}}.ix-hand{fill:var(--paper);stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ix-ring,.ix-arrow,.ix-trail{fill:none;stroke:var(--mute-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.ix-thumb{fill:var(--ink)}.ix-tap,.ix-drag,.ix-move,.ix-pinch,.ix-thumb,.ix-ring,.ix-arrow,.ix-trail{transform-box:view-box;animation:1.8s var(--ease) infinite}.ix-tap{animation-name:ix-tap}@keyframes ix-tap{0%,12%,30%,to{transform:none}18%,36%{transform:translateY(3px)scale(.96)}42%{transform:none}}.ix-ring{transform-origin:18px 7px;opacity:0}.ix-ring-a{animation-name:ix-ring-a}.ix-ring-b{animation-name:ix-ring-b}@keyframes ix-ring-a{0%,17%{opacity:0;transform:scale(.4)}19%{opacity:1}45%,to{opacity:0;transform:scale(2.4)}}@keyframes ix-ring-b{0%,35%{opacity:0;transform:scale(.4)}37%{opacity:1}63%,to{opacity:0;transform:scale(2.4)}}.ix-pinch{animation-name:ix-pinch}.ix-thumb{animation-name:ix-thumb}@keyframes ix-pinch{0%,15%{transform:translate(-4px,4px)}60%,75%{transform:translate(3px,-3px)}to{transform:translate(-4px,4px)}}@keyframes ix-thumb{0%,15%{transform:translate(6px,-6px)}60%,75%{transform:translate(-3px,3px)}to{transform:translate(6px,-6px)}}.ix-arrow{animation-name:ix-fade}@keyframes ix-fade{0%,20%{opacity:0}55%,80%{opacity:1}to{opacity:0}}.ix-drag,.ix-move{animation-name:ix-slide}.ix-move{animation-duration:2.2s}@keyframes ix-slide{0%,10%{transform:translate(-8px)}55%,70%{transform:translate(10px)}to{transform:translate(-8px)}}.ix-trail{animation-name:ix-fade}.ix-icon:has(.ix-move) .ix-trail{animation-duration:2.2s}@media (prefers-reduced-motion:reduce){.ix-step,.ix-tap,.ix-drag,.ix-move,.ix-pinch,.ix-thumb,.ix-ring,.ix-arrow,.ix-trail{animation:none}.ix-ring{opacity:0}}.wl{--wl-paper:var(--paper);--wl-ink:var(--ink);--wl-mute:var(--mute-ink);--wl-shade:var(--page);--wl-shade-o:.75;--wl-shade-blur:16px;--wl-shade-y:22px;--wl-strong:var(--text-hi);--wl-line:var(--mute);--wl-soft:var(--dim);--wl-grid:var(--line);--wl-label:var(--mute);--wl-plane:var(--line-2);--wl-tag:var(--text);--wl-shadow:1;perspective:2000px;-webkit-user-select:none;user-select:none;width:100%;position:relative}.wl[data-theme=light]{--wl-paper:var(--text-hi);--wl-edge:color-mix(in srgb, var(--rule) 85%, transparent);--wl-shade:var(--ink);--wl-shade-o:.09;--wl-shade-blur:14px;--wl-shade-y:8px;--wl-strong:var(--ink);--wl-line:var(--mute-ink);--wl-soft:var(--rule);--wl-grid:color-mix(in srgb, var(--rule) 45%, transparent);--wl-label:var(--mute-ink);--wl-plane:var(--rule);--wl-tag:var(--ink)}.wl-scene{transform-style:preserve-3d;transition:transform .9s var(--ease);position:absolute;inset:0}.wl-layer{outline-offset:-1px;width:100%;height:100%;transition:transform .9s var(--ease), opacity .5s var(--ease), outline-color .5s var(--ease), background-color .5s var(--ease);border-radius:18px;outline:1px dashed #0000;position:absolute;inset:0;overflow:visible}.wl:not([data-view=layers]) svg.wl-layer{border-radius:0}.wl-bg{color:var(--line-2);font:400 13px / 16px var(--mono);white-space:pre;pointer-events:none;margin:0;overflow:hidden}.wl-shadow,.wl-paper,.wl-grain,.wl-plan,.wl-content{pointer-events:none}.wl-shadow{opacity:calc(var(--wl-shade-o) * var(--wl-shadow));filter:blur(var(--wl-shade-blur));transform:translateY(var(--wl-shade-y))}.wl-shadow path{fill:var(--wl-shade)}.wl-edge path{fill:none;stroke:var(--wl-edge,transparent);stroke-width:2px;transition:stroke .4s var(--ease)}.wl[data-view=blueprint] .wl-edge path{stroke:#0000}.wl-fill path{fill:var(--wl-paper);transition:fill .4s var(--ease), stroke .4s var(--ease)}.wl-plan{opacity:0;transition:opacity .4s var(--ease)}.wl-card{color:var(--wl-ink);pointer-events:auto;touch-action:none;cursor:grab;flex-direction:column;padding:22px 24px;display:flex;position:absolute;top:0;left:0}.wl-card[data-drag]{cursor:grabbing}.wl-num{font:400 11px / 1.4 var(--mono);letter-spacing:.06em;color:var(--wl-mute)}.wl-card b{letter-spacing:-.03em;margin-top:auto;font-size:26px;font-weight:500;line-height:1.05}.wl-card p{max-width:260px;color:var(--wl-mute);margin:8px 0 0;font-size:14.5px;line-height:1.4}.wl[data-view=blueprint] .wl-shadow,.wl[data-view=blueprint] .wl-grain{opacity:0}.wl[data-view=blueprint] .wl-bg{opacity:.25}.wl[data-view=blueprint] .wl-fill path{fill:color-mix(in srgb, var(--wl-paper) 6%, transparent);stroke:var(--wl-line);stroke-width:1px}.wl[data-view=blueprint] .wl-card,.wl[data-view=blueprint] .wl-num,.wl[data-view=blueprint] .wl-card p{color:var(--wl-label)}.wl[data-view=blueprint] .wl-card b{color:var(--wl-strong)}.wl[data-view=blueprint] .wl-plan{opacity:1}.wl-grid{fill:none;stroke:var(--wl-grid);stroke-width:1px}.bp-box{fill:none;stroke:var(--wl-soft);stroke-dasharray:3 4}.bp-axis{stroke:var(--wl-soft);stroke-dasharray:2 3}.bp-curve{fill:none;stroke:var(--wl-strong);stroke-width:1.5px}.bp-handle{stroke:var(--wl-line)}.bp-ctrl{fill:var(--wl-paper);stroke:var(--wl-strong)}.bp-node{fill:var(--wl-strong)}.bp-label{fill:var(--wl-label);font:400 10px var(--mono);letter-spacing:.04em}.bp-weld{fill:var(--wl-strong)}.wl[data-view=layers] .wl-scene{transform:scale(.58)rotateX(56deg)rotate(-34deg)}.wl[data-view=layers] .wl-layer{outline-color:var(--wl-plane)}.wl[data-view=layers] .wl-bg{transform:translateZ(0)}.wl[data-theme=light][data-view=layers] .wl-bg{background-color:color-mix(in srgb, var(--paper) 70%, transparent)}.wl[data-view=layers] .wl-shadow{transform:translateZ(80px) translateY(var(--wl-shade-y))}.wl[data-view=layers] .wl-paper{transform:translateZ(170px)}.wl[data-view=layers] .wl-grain{transform:translateZ(260px)}.wl[data-view=layers] .wl-content{transform:translateZ(350px)}.wl[data-view=layers] .wl-card{pointer-events:none}.wl-tag{color:var(--wl-tag);font:400 18px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:transform .9s var(--ease), opacity .4s var(--ease);position:absolute;top:-36px;left:0}.wl-tag span{color:var(--wl-label)}.wl[data-view=layers] .wl-tag{opacity:1}.wl[data-view=layers] .wl-tag[data-z="1"]{transform:translateZ(80px)}.wl[data-view=layers] .wl-tag[data-z="2"]{transform:translateZ(170px)}.wl[data-view=layers] .wl-tag[data-z="3"]{transform:translateZ(260px)}.wl[data-view=layers] .wl-tag[data-z="4"]{transform:translateZ(350px)}@media (prefers-reduced-motion:reduce){.wl-scene,.wl-layer{transition:none}}