.studio[data-astro-cid-j7tz7fcw]{padding-block:var(--space-6) var(--space-5)}.studio-stack[data-astro-cid-j7tz7fcw]{gap:var(--space-4);display:grid}.studio-intro[data-astro-cid-j7tz7fcw]{max-width:none}.eyebrow[data-astro-cid-j7tz7fcw]{margin:0 0 var(--space-2);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);font-size:.78rem;font-weight:600}.studio-intro[data-astro-cid-j7tz7fcw] h1[data-astro-cid-j7tz7fcw]{letter-spacing:-.045em;font-size:clamp(2.2rem,4.5vw,3.2rem)}.lede[data-astro-cid-j7tz7fcw]{color:var(--ink-soft);max-width:36rem;margin-bottom:0;font-size:1.05rem}.studio-frame[data-astro-cid-j7tz7fcw]{--split:38%;background:var(--panel);border:1px solid var(--ink);border-radius:calc(var(--radius) + .15rem);box-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 18%, transparent), var(--shadow);flex-direction:column;min-height:min(74vh,48rem);animation:.45s both studio-in;display:flex;position:relative;overflow:hidden}.studio-frame[data-astro-cid-j7tz7fcw].is-resizing{user-select:none;cursor:col-resize}.studio-frame[data-astro-cid-j7tz7fcw].is-immersive{z-index:1000;width:100vw;max-width:none;height:100vh;min-height:100vh;box-shadow:none;background:var(--panel);border:0;border-radius:0;margin:0;position:fixed;inset:0}.studio-frame[data-astro-cid-j7tz7fcw].is-immersive .workspace[data-astro-cid-j7tz7fcw]{flex:1}body.studio-immersive{overflow:hidden}.toolbar[data-astro-cid-j7tz7fcw]{gap:var(--space-2) var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--paper-bright) 70%, var(--panel));flex-wrap:wrap;align-items:center;display:flex}.mode-tabs[data-astro-cid-j7tz7fcw]{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper-bright) 55%, var(--panel));align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]{appearance:none;color:var(--ink-soft);border-radius:calc(var(--radius) - .05rem);white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:2rem;padding:0 .8rem;font-size:.88rem;font-weight:600;line-height:1;transition:background .12s,color .12s;display:inline-flex;box-shadow:none!important;border:0!important}.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:hover{background:color-mix(in srgb, var(--panel) 90%, var(--ink));color:var(--ink);border-color:#0000!important}.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw][aria-selected=true]{background:var(--ink);color:var(--panel)}.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw][aria-selected=true]:hover{background:var(--ink-soft);color:var(--panel)}.desktop-tab[data-astro-cid-j7tz7fcw]{display:none}.toolbar-group[data-astro-cid-j7tz7fcw]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.toolbar-group[data-astro-cid-j7tz7fcw].grow{flex:1}.toolbar-more[data-astro-cid-j7tz7fcw]{position:relative}.toolbar-more[data-astro-cid-j7tz7fcw]>summary[data-astro-cid-j7tz7fcw]{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:2.1rem;color:var(--ink);cursor:pointer;align-items:center;padding:.35rem .7rem;font-size:.875rem;font-weight:500;list-style:none;display:inline-flex}.toolbar-more[data-astro-cid-j7tz7fcw]>summary[data-astro-cid-j7tz7fcw]::-webkit-details-marker{display:none}.toolbar-more[data-astro-cid-j7tz7fcw]>summary[data-astro-cid-j7tz7fcw]:hover{background:var(--paper-bright);border-color:var(--ink)}.toolbar-more[data-astro-cid-j7tz7fcw][open]>summary[data-astro-cid-j7tz7fcw]{border-color:var(--ink);background:var(--paper-bright)}.toolbar-more-menu[data-astro-cid-j7tz7fcw]{z-index:12;background:var(--panel);border:1px solid var(--ink);border-radius:var(--radius);min-width:11rem;box-shadow:var(--shadow);gap:.25rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.toolbar-more-menu[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]{text-align:left;justify-content:flex-start;width:100%}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw],.toolbar[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius);cursor:pointer;min-height:2.1rem;padding:.35rem .7rem;font-size:.875rem;font-weight:500;line-height:1.2;transition:border-color .12s,background .12s,color .12s}.toolbar[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]{background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.6rem}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].primary{background:var(--ink);border-color:var(--ink);color:var(--panel)}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].ghost{background:var(--panel);border-color:var(--line)}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].compact{min-width:2.1rem;padding-inline:.45rem}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:hover,.toolbar[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]:hover{background:var(--paper-bright);border-color:var(--ink);color:var(--ink)}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].primary:hover{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--panel)}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].ghost:hover,.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].compact:hover{background:var(--paper-bright);border-color:var(--ink);color:var(--ink)}.toolbar[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:focus-visible,.toolbar[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]:focus-visible,.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.status[data-astro-cid-j7tz7fcw]{font-family:var(--font-mono);color:var(--ink-soft);margin-left:auto;font-size:.8rem}.bridge-status[data-astro-cid-j7tz7fcw]{font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);color:var(--ink-soft);white-space:nowrap;border-radius:6px;padding:.2rem .5rem;font-size:.75rem}.bridge-status[data-astro-cid-j7tz7fcw][data-state=online]{color:var(--signal);border-color:color-mix(in srgb, var(--signal) 45%, transparent);background:color-mix(in srgb, var(--signal) 10%, var(--panel))}.workspace[data-astro-cid-j7tz7fcw]{grid-template-columns:var(--split) 10px 1fr;flex:1;min-height:0;display:grid}.pane[data-astro-cid-j7tz7fcw]{flex-direction:column;min-width:0;min-height:0;display:flex}.pane-label[data-astro-cid-j7tz7fcw]{padding:var(--space-3) var(--space-4) var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem;font-weight:600}.cheat-hint[data-astro-cid-j7tz7fcw]{color:var(--ink-soft);text-wrap:pretty;margin:0 0 .45rem;font-size:.78rem;line-height:1.45}.editor-host[data-astro-cid-j7tz7fcw]{min-height:0;padding:0 var(--space-2) var(--space-2);flex:1;overflow:hidden}.editor-host[data-astro-cid-j7tz7fcw] .cm-editor{height:100%}.cheat[data-astro-cid-j7tz7fcw]{border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--paper-bright) 75%, var(--panel));padding:var(--space-2) var(--space-3) var(--space-3);flex-shrink:0}.cheat-chips[data-astro-cid-j7tz7fcw]{flex-wrap:wrap;gap:.4rem;max-height:7.5rem;display:flex;overflow:auto}.cheat-empty[data-astro-cid-j7tz7fcw]{color:var(--ink-soft);margin:.35rem 0 0;font-size:.82rem}.cheat-chip[data-astro-cid-j7tz7fcw]{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.4rem .55rem;transition:border-color .12s,background .12s;display:none}.cheat-chip[data-astro-cid-j7tz7fcw]:not([hidden]){display:inline-flex}.cheat-chip--guide[data-astro-cid-j7tz7fcw]{border-color:color-mix(in srgb, var(--signal) 55%, var(--line));background:color-mix(in srgb, var(--signal) 10%, var(--panel));cursor:help;display:inline-flex}.cheat-chip--guide[data-astro-cid-j7tz7fcw] code[data-astro-cid-j7tz7fcw]{color:var(--ink-soft)}.cheat-chip[data-astro-cid-j7tz7fcw]:hover,.cheat-chip--guide[data-astro-cid-j7tz7fcw]:hover,.cheat-chip[data-astro-cid-j7tz7fcw]:focus-visible{border-color:var(--ink);background:var(--paper-bright);outline:none}.cheat-chip-label[data-astro-cid-j7tz7fcw]{color:var(--ink-soft);font-size:.72rem;font-weight:600}.cheat-chip[data-astro-cid-j7tz7fcw] code[data-astro-cid-j7tz7fcw]{font-family:var(--font-mono);color:var(--signal);font-size:.78rem}.cheat-popover[data-astro-cid-j7tz7fcw]{z-index:1200;border:1px solid var(--ink);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);pointer-events:auto;padding:.55rem .65rem .7rem;position:fixed}.cheat-popover[data-astro-cid-j7tz7fcw][hidden]{display:none!important}.cheat-popover-grid[data-astro-cid-j7tz7fcw]{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:.65rem;display:grid}.cheat-popover-col[data-astro-cid-j7tz7fcw]{min-width:0}.cheat-popover-label[data-astro-cid-j7tz7fcw]{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .35rem;font-size:.7rem;font-weight:600}.cheat-popover-explain[data-astro-cid-j7tz7fcw]{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--paper-bright) 70%, var(--panel));color:var(--ink);white-space:pre-line;border-radius:.35rem;margin:0 0 .45rem;padding:.45rem .55rem;font-size:.8rem;line-height:1.55}.cheat-popover-explain[data-astro-cid-j7tz7fcw][hidden]{display:none}.cheat-popover-code[data-astro-cid-j7tz7fcw]{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--ink) 92%, #0a1628);max-height:min(14rem,36vh);color:var(--paper-bright);font-family:var(--font-mono);white-space:pre;border-radius:.35rem;margin:0;padding:.45rem .5rem;font-size:.72rem;line-height:1.45;overflow:auto}.cheat-popover-body[data-astro-cid-j7tz7fcw]{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--paper-bright) 88%, var(--panel));border-radius:.35rem;place-items:center;min-height:3.5rem;padding:.35rem;display:grid;overflow:hidden}.cheat-popover-body[data-astro-cid-j7tz7fcw] svg{width:auto;max-width:100%;height:auto;max-height:min(14rem,36vh)}.cheat-popover-status[data-astro-cid-j7tz7fcw]{color:var(--ink-soft);margin:0;font-size:.82rem}.cheat-popover-status[data-astro-cid-j7tz7fcw].is-error{color:var(--warn)}.cheat-popover--guide[data-astro-cid-j7tz7fcw]{max-width:min(30rem,100vw - 1rem)}@media (width<=560px){.cheat-popover-grid[data-astro-cid-j7tz7fcw]{grid-template-columns:1fr}}.qs-steps[data-astro-cid-j7tz7fcw]{color:var(--ink);gap:.55rem;margin:0 0 .65rem;padding-left:1.15rem;font-size:.88rem;line-height:1.45;display:grid}.qs-steps[data-astro-cid-j7tz7fcw] li[data-astro-cid-j7tz7fcw]{padding-left:.15rem}.qs-steps[data-astro-cid-j7tz7fcw] code[data-astro-cid-j7tz7fcw]{background:color-mix(in srgb, var(--paper-bright) 80%, var(--panel));border:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--signal);border-radius:.25rem;margin-top:.2rem;padding:.12rem .35rem;font-size:.78rem;display:inline-block}.splitter[data-astro-cid-j7tz7fcw]{appearance:none;border:0;border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);background:color-mix(in srgb, var(--paper-bright) 80%, var(--panel));cursor:col-resize;padding:0;position:relative}.splitter[data-astro-cid-j7tz7fcw]:after{content:"";background:var(--ink-soft);border-radius:2px;width:3px;height:2.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-bar[data-astro-cid-j7tz7fcw]{justify-content:space-between;align-items:center;gap:var(--space-2);padding-right:var(--space-3);display:flex}.zoom-controls[data-astro-cid-j7tz7fcw]{align-items:center;gap:.45rem;display:flex}.theme-label[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius);min-height:1.9rem;font:inherit;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 11px) 55%,calc(100% - 7px) 55%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;max-width:10.5rem;padding:.2rem 1.5rem .2rem .55rem;font-size:.8rem;font-weight:500;transition:border-color .12s,background-color .12s}.theme-label[data-astro-cid-j7tz7fcw] select[data-astro-cid-j7tz7fcw]:hover{border-color:var(--ink);background-color:var(--paper-bright)}.zoom-group[data-astro-cid-j7tz7fcw]{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:stretch;display:inline-flex;overflow:hidden}.zoom-group[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]{appearance:none;border:0;border-right:1px solid var(--line-soft);min-width:1.9rem;min-height:1.9rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 .45rem;font-size:.85rem;font-weight:600;line-height:1;transition:background .12s,color .12s;display:inline-flex}.zoom-group[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:last-child{border-right:0}.zoom-group[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw].zoom-level{min-width:3.25rem;font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.02em;font-size:.75rem;font-weight:500}.zoom-group[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:hover{background:var(--paper-bright);color:var(--ink)}.zoom-group[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;z-index:1}.png-btn[data-astro-cid-j7tz7fcw]{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:1.9rem;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;padding:0 .65rem;font-size:.78rem;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.png-btn[data-astro-cid-j7tz7fcw]:hover{border-color:var(--ink);background:var(--ink);color:var(--panel)}.png-btn[data-astro-cid-j7tz7fcw]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.preview-stage[data-astro-cid-j7tz7fcw]{margin:0 var(--space-4) var(--space-2);border:1px solid var(--line);border-radius:calc(var(--radius) + .1rem);--preview-canvas:#eef3f8;background:radial-gradient(ellipse 80% 60% at 50% 40%, #fff 0%, transparent 70%), linear-gradient(180deg, #fbfcfd 0%, var(--preview-canvas) 100%);cursor:grab;touch-action:none;flex:1;min-height:18rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.preview-stage[data-astro-cid-j7tz7fcw]:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;mask-image:radial-gradient(70% 65% at 50% 45%,#000 20%,#0000 75%)}.preview-stage[data-astro-cid-j7tz7fcw].is-dragging{cursor:grabbing}.preview-stage[data-astro-cid-j7tz7fcw].has-error{outline:2px solid color-mix(in srgb, var(--warn) 45%, transparent);outline-offset:-2px}.preview-world[data-astro-cid-j7tz7fcw]{transform-origin:0 0;padding:var(--space-5);z-index:1;place-items:center;display:grid;position:absolute;inset:0}.preview-world[data-astro-cid-j7tz7fcw] svg{pointer-events:none;user-select:none;max-width:none;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.35rem}.error[data-astro-cid-j7tz7fcw]{margin:0 var(--space-4) var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn);font-family:var(--font-mono);font-size:.88rem}.hint[data-astro-cid-j7tz7fcw]{margin:0 var(--space-4) var(--space-3);color:var(--ink-soft);font-size:.78rem}@keyframes studio-in{0%{opacity:.55;box-shadow:var(--shadow)}to{opacity:1}}@media (width>=901px){.desktop-tab[data-astro-cid-j7tz7fcw]{display:inline-flex}.studio-frame[data-astro-cid-j7tz7fcw][data-mode=edit] .workspace[data-astro-cid-j7tz7fcw]{grid-template-columns:1fr}.studio-frame[data-astro-cid-j7tz7fcw][data-mode=edit] .preview-pane[data-astro-cid-j7tz7fcw],.studio-frame[data-astro-cid-j7tz7fcw][data-mode=edit] .splitter[data-astro-cid-j7tz7fcw]{display:none}.studio-frame[data-astro-cid-j7tz7fcw][data-mode=preview] .workspace[data-astro-cid-j7tz7fcw]{grid-template-columns:1fr}.studio-frame[data-astro-cid-j7tz7fcw][data-mode=preview] .editor-pane[data-astro-cid-j7tz7fcw],.studio-frame[data-astro-cid-j7tz7fcw][data-mode=preview] .splitter[data-astro-cid-j7tz7fcw]{display:none}}@media (width<=900px){.desktop-tab[data-astro-cid-j7tz7fcw]{display:none}.mode-tabs[data-astro-cid-j7tz7fcw]{width:100%}.mode-tabs[data-astro-cid-j7tz7fcw] button[data-astro-cid-j7tz7fcw]{flex:1}.workspace[data-astro-cid-j7tz7fcw]{grid-template-columns:1fr}.splitter[data-astro-cid-j7tz7fcw],.studio-frame[data-astro-cid-j7tz7fcw][data-mode=edit] .preview-pane[data-astro-cid-j7tz7fcw],.studio-frame[data-astro-cid-j7tz7fcw][data-mode=preview] .editor-pane[data-astro-cid-j7tz7fcw],.studio-frame[data-astro-cid-j7tz7fcw][data-mode=split] .editor-pane[data-astro-cid-j7tz7fcw]{display:none}.studio-frame[data-astro-cid-j7tz7fcw][data-mode=split] .preview-pane[data-astro-cid-j7tz7fcw]{display:flex}.hint[data-astro-cid-j7tz7fcw]{display:none}.cheat-chips[data-astro-cid-j7tz7fcw]{max-height:6.5rem}.status[data-astro-cid-j7tz7fcw]{width:100%;margin-left:0}}