.playground:where(.astro-alq5tfmz){background:var(--surface-0);border:3px double var(--t-frame);width:100%;font-family:var(--prose-font);flex-direction:column;display:flex;position:relative}.playground:where(.astro-alq5tfmz) [hidden]{display:none!important}.pg-start:where(.astro-alq5tfmz){flex-direction:column;align-items:flex-start;gap:12px;padding:32px 24px;display:flex}.pg-start:where(.astro-alq5tfmz) p:where(.astro-alq5tfmz){max-width:60ch;color:var(--text-primary);margin:0}.pg-start:where(.astro-alq5tfmz) .pg-start-note:where(.astro-alq5tfmz){font-family:var(--bbs-font);color:var(--text-secondary);font-size:1.125rem}.playground-tabs:where(.astro-alq5tfmz){background:var(--surface-0);border-bottom:1px dashed var(--t-frame);scrollbar-width:none;flex-shrink:0;align-items:stretch;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.playground-tabs:where(.astro-alq5tfmz)::-webkit-scrollbar{display:none}.tab:where(.astro-alq5tfmz){all:unset;min-height:36px;color:var(--t-frame);font-family:var(--bbs-font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;font-size:1.25rem;line-height:1.2;box-sizing:border-box!important;border:none!important;align-items:center!important;margin:0!important;padding:4px 12px!important;display:inline-flex!important}.tab:where(.astro-alq5tfmz):hover{color:var(--text-primary)}.tab:where(.astro-alq5tfmz).active,.tab:where(.astro-alq5tfmz).active:hover{background:var(--t-frame);color:var(--surface-0)}.tab:where(.astro-alq5tfmz):focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px}.tour:where(.astro-alq5tfmz){grid-template-columns:minmax(190px,230px) 1fr;min-height:560px;display:grid}.tour-steps:where(.astro-alq5tfmz){border-right:1px dashed var(--t-frame);background:var(--surface-0);counter-reset:step;margin:0;padding:10px 6px;list-style:none}.tour-steps:where(.astro-alq5tfmz) li{margin:0}.tour-steps:where(.astro-alq5tfmz) .step-btn{all:unset;box-sizing:border-box;width:100%;font-family:var(--bbs-font);color:var(--text-secondary);cursor:pointer;padding:4px 10px;font-size:1.1875rem;line-height:1.2;display:block}.tour-steps:where(.astro-alq5tfmz) .step-btn:hover{color:var(--text-primary)}.tour-steps:where(.astro-alq5tfmz) .step-btn.current{background:var(--t-frame);color:var(--surface-0)}.tour-steps:where(.astro-alq5tfmz) .step-btn.current:before{content:"> " / ""}.tour-steps:where(.astro-alq5tfmz) .step-btn.done:after{content:" [OK]";color:var(--moss-t)}.tour-steps:where(.astro-alq5tfmz) .step-btn.current.done:after{color:inherit}.tour-steps:where(.astro-alq5tfmz) .step-btn:disabled{cursor:not-allowed;opacity:.6}.tour-steps:where(.astro-alq5tfmz) .step-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px}.tour-main:where(.astro-alq5tfmz){flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.step-detail:where(.astro-alq5tfmz) h3:where(.astro-alq5tfmz){font-family:var(--bbs-font);color:var(--t-str);margin:0 0 6px;font-size:1.75rem;font-weight:400}.step-detail:where(.astro-alq5tfmz) p:where(.astro-alq5tfmz){max-width:68ch;color:var(--text-secondary);margin:0 0 10px;font-size:.9375rem}.step-code:where(.astro-alq5tfmz){background:var(--well);max-height:240px;color:var(--well-text);border:1px dashed var(--t-frame);font-family:var(--bbs-font);border-radius:0;margin:0 0 10px;padding:12px 14px;font-size:1.125rem;line-height:1.3;overflow:auto}.tour-panels:where(.astro-alq5tfmz){grid-template-columns:1fr 1.4fr;gap:18px;display:grid}.panel:where(.astro-alq5tfmz){border:1px dashed var(--t-frame);background:var(--surface-0);min-width:0;margin-top:8px;padding:18px 12px 10px;position:relative}.panel:where(.astro-alq5tfmz) h4:where(.astro-alq5tfmz){background:var(--surface-0);font-family:var(--bbs-font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--t-frame);margin:0;padding:0 .4em;font-size:1.125rem;font-weight:400;position:absolute;top:0;left:10px;translate:0 -55%}.panel:where(.astro-alq5tfmz) h4:where(.astro-alq5tfmz) .output-dim{text-transform:none;letter-spacing:.02em}.panel:where(.astro-alq5tfmz)>table,.panel:where(.astro-alq5tfmz)>.tree:where(.astro-alq5tfmz){display:block;overflow-x:auto}.tree:where(.astro-alq5tfmz),.tree:where(.astro-alq5tfmz) ul{font-family:var(--bbs-font);margin:0;padding-left:2ch;font-size:1.1875rem;list-style:none}.tree:where(.astro-alq5tfmz){padding-left:0}.tree:where(.astro-alq5tfmz) li{margin:1px 0}.tree:where(.astro-alq5tfmz) ul li:before{content:"└ " / "";color:var(--text-secondary)}.tree:where(.astro-alq5tfmz) .tree-node{all:unset;cursor:pointer;color:var(--text-primary);padding:0 4px}.tree:where(.astro-alq5tfmz) .tree-node:hover{color:var(--t-frame)}.tree:where(.astro-alq5tfmz) .tree-node.selected{background:var(--t-frame);color:var(--surface-0)}.tree:where(.astro-alq5tfmz) .tree-node:focus-visible{outline:2px solid var(--text-primary)}.inspector:where(.astro-alq5tfmz){border-collapse:collapse;width:100%;font-family:var(--bbs-font);margin:0 0 8px;font-size:1.25rem}.inspector:where(.astro-alq5tfmz) caption{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--t-str);padding-bottom:4px}.inspector:where(.astro-alq5tfmz) th,.inspector:where(.astro-alq5tfmz) td{text-align:left;border:0;border-bottom:1px dashed var(--border);padding:2px 6px;font-weight:400}.inspector:where(.astro-alq5tfmz) th{color:var(--t-frame);letter-spacing:.06em;text-transform:uppercase}.inspector:where(.astro-alq5tfmz) .badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);gap:.3rem;display:inline-flex}.inspector:where(.astro-alq5tfmz) .badge-delegated{color:var(--t-num)}.inspector:where(.astro-alq5tfmz) .badge-delegated:before{content:"[⇄" / ""}.inspector:where(.astro-alq5tfmz) .badge-delegated:after{content:"]" / ""}.playground-panes:where(.astro-alq5tfmz){flex-direction:row;height:520px;display:flex;overflow:hidden}.playground-editor:where(.astro-alq5tfmz){border-right:1px dashed var(--t-frame);background:var(--well);width:55%;overflow:hidden}.playground-editor:where(.astro-alq5tfmz) .cm-editor{height:100%}.playground-output:where(.astro-alq5tfmz){background:var(--surface-0);flex-direction:column;width:45%;display:flex;overflow:hidden}.output-header:where(.astro-alq5tfmz){border-bottom:1px dashed var(--t-frame);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.output-label:where(.astro-alq5tfmz){font-family:var(--bbs-font);letter-spacing:.08em;text-transform:uppercase;color:var(--t-frame);font-size:1.25rem}.playground-actions:where(.astro-alq5tfmz){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.run-btn:where(.astro-alq5tfmz),.reset-btn:where(.astro-alq5tfmz){all:unset;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box!important;min-height:40px!important;font-family:var(--bbs-font)!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 12px!important;font-size:1.375rem!important;display:inline-flex!important}.run-btn:where(.astro-alq5tfmz):before,.reset-btn:where(.astro-alq5tfmz):before{content:"[ "}.run-btn:where(.astro-alq5tfmz):after,.reset-btn:where(.astro-alq5tfmz):after{content:" ]"}.run-btn:where(.astro-alq5tfmz){background:var(--t-hot)!important;color:var(--on-accent)!important}.run-btn:where(.astro-alq5tfmz):hover,.run-btn:where(.astro-alq5tfmz):focus-visible{background:var(--text-primary)!important;color:var(--surface-0)!important}.run-btn:where(.astro-alq5tfmz):disabled{opacity:.5;cursor:not-allowed}.run-btn:where(.astro-alq5tfmz):focus-visible,.reset-btn:where(.astro-alq5tfmz):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.reset-btn:where(.astro-alq5tfmz){color:var(--t-frame)!important;background:0 0!important}.reset-btn:where(.astro-alq5tfmz):hover,.reset-btn:where(.astro-alq5tfmz):focus-visible{background:var(--t-frame)!important;color:var(--surface-0)!important}.output-pre:where(.astro-alq5tfmz){min-height:120px;font-family:var(--bbs-font);color:var(--t-str);white-space:pre-wrap;word-break:break-word;background:var(--surface-0);border:1px dashed var(--t-frame);border-radius:0;flex:1;margin:0;padding:12px 14px;font-size:1.125rem;line-height:1.3;overflow-y:auto}.playground-output:where(.astro-alq5tfmz) .output-pre:where(.astro-alq5tfmz){border:none}.output-pre:where(.astro-alq5tfmz) .output-error{color:var(--t-hot)}.playground:where(.astro-alq5tfmz) .output-dim{color:var(--text-secondary)}.playground-status:where(.astro-alq5tfmz){font-family:var(--bbs-font);color:var(--text-secondary);background:var(--surface-0);border-top:1px dashed var(--t-frame);flex-shrink:0;padding:6px 16px;font-size:1.125rem}.playground-status:where(.astro-alq5tfmz):before{content:"> " / "";color:var(--t-frame)}.playground-status:where(.astro-alq5tfmz).status-ready{color:var(--moss-t)}.playground-status:where(.astro-alq5tfmz).status-error{color:var(--t-hot)}.playground-status:where(.astro-alq5tfmz).status-running{color:var(--t-num)}@media (width<=768px){.tour:where(.astro-alq5tfmz){grid-template-columns:1fr}.tour-steps:where(.astro-alq5tfmz){border-right:none;border-bottom:1px dashed var(--t-frame)}.tour-panels:where(.astro-alq5tfmz){grid-template-columns:1fr}.playground-panes:where(.astro-alq5tfmz){flex-direction:column;height:auto}.playground-editor:where(.astro-alq5tfmz){border-right:none;border-bottom:1px dashed var(--t-frame);width:100%;height:320px}.playground-output:where(.astro-alq5tfmz){width:100%;min-height:280px}}