.pattern-preview[data-astro-cid-nm3lhmlo]{min-block-size:100%;padding:clamp(var(--space-m),5vw,var(--space-3xl));background:color-mix(in oklch,var(--semantic-action) 5%,var(--semantic-surface));color:var(--semantic-text);place-items:center;display:grid}.pattern-preview__canvas[data-astro-cid-nm3lhmlo]{inline-size:min(100%,42rem);display:grid}.pattern-preview__specimen[data-astro-cid-nm3lhmlo]{place-items:center;inline-size:100%;min-inline-size:0;display:grid}.pattern-preview__specimen[data-astro-cid-nm3lhmlo]>*{max-inline-size:100%}[data-pattern-inspector-active] .pattern-preview__specimen[data-astro-cid-nm3lhmlo] *{cursor:crosshair}.pattern-preview__specimen[data-astro-cid-nm3lhmlo] [data-pattern-inspector-hover]{outline:2px dashed var(--semantic-focus);outline-offset:3px}.pattern-preview__specimen[data-astro-cid-nm3lhmlo] [data-pattern-inspector-selected]{outline:3px solid var(--semantic-focus);outline-offset:4px}@container tool-preview (width<=30rem){.pattern-preview[data-astro-cid-nm3lhmlo]{padding:var(--space-m)}}.pattern-export[data-astro-cid-urlf5sq4]{z-index:4;background:var(--settings-bar-surface,#fafbfc);color:var(--settings-bar-text);padding:10px 0 0}.pattern-export__name[data-astro-cid-urlf5sq4]{gap:5px;margin-block-end:14px;font-size:10px;font-weight:700;display:grid}.pattern-export__name-control[data-astro-cid-urlf5sq4]{border:1px solid var(--settings-bar-border);border-radius:var(--radius-m);background:var(--settings-bar-surface);min-inline-size:0;color:var(--settings-bar-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.pattern-export__name-control[data-astro-cid-urlf5sq4]>span[data-astro-cid-urlf5sq4]{padding-inline-start:8px;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.pattern-export__name[data-astro-cid-urlf5sq4] input[data-astro-cid-urlf5sq4]{min-block-size:30px;min-inline-size:0;color:var(--settings-bar-text);background:0 0;border:0;outline:0;padding:0 8px 0 2px;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.pattern-export__name-control[data-astro-cid-urlf5sq4]:focus-within{border-color:var(--settings-bar-accent);box-shadow:0 0 0 1px var(--settings-bar-accent)}.pattern-settings[data-astro-cid-xgajyxfy]{align-content:start;min-inline-size:0;display:grid}.pattern-advanced-open[data-astro-cid-xgajyxfy]{border:1px solid var(--settings-bar-border);border-radius:var(--radius-m);background:var(--settings-bar-surface);min-block-size:38px;color:var(--settings-bar-text);cursor:pointer;margin:10px 12px;font:700 10px/1 inherit}.pattern-advanced-open[data-astro-cid-xgajyxfy]:hover{border-color:var(--settings-bar-accent);color:var(--settings-bar-accent)}.code-editor[data-astro-cid-2ebswfqy]{background:#fff;grid-template-rows:42px minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}.code-editor__tabbar[data-astro-cid-2ebswfqy]{background:#fff;border-block-end:1px solid #e5e7eb;justify-content:flex-start;align-items:center;gap:8px;padding-inline:8px;display:flex}.code-editor__tab[data-astro-cid-2ebswfqy]{color:#202938;align-items:center;gap:6px;font-size:12px;display:flex}.code-editor__context[data-astro-cid-2ebswfqy]{color:#4338ca;text-overflow:ellipsis;white-space:nowrap;background:#eef2ff;border-radius:4px;max-inline-size:calc(100% - 54px);padding:3px 8px;font:600 11px/1.35 SFMono-Regular,Consolas,monospace;overflow:hidden}.code-editor__body[data-astro-cid-2ebswfqy]{min-block-size:0}.code-editor__problem[data-astro-cid-2ebswfqy]{z-index:2;color:#b91c1c;background:#fff5f5;border:1px solid #dc262659;border-radius:5px;max-inline-size:calc(100% - 62px);margin:0;padding:5px 8px;font-size:10px;position:absolute;inset:auto 10px 8px 52px}.code-editor__problem[data-astro-cid-2ebswfqy][hidden]{display:none}.pattern-advanced[data-astro-cid-sud7txnf]{inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:var(--pattern-advanced-height,min(44dvh,32rem));contain:inline-size;border-block-start:1px solid var(--settings-bar-border,var(--border));background:var(--settings-bar-surface,var(--semantic-surface));min-block-size:10rem;color:var(--settings-bar-text,var(--semantic-text));grid-template-rows:12px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 -12px 36px #0f172a24}.pattern-advanced[data-astro-cid-sud7txnf][hidden]{display:none}.pattern-advanced__surface[data-astro-cid-sud7txnf]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);block-size:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:grid;overflow:hidden}.pattern-advanced__drawer-resizer[data-astro-cid-sud7txnf]{background:var(--settings-bar-surface,var(--semantic-surface));cursor:ns-resize;touch-action:none;place-items:center;min-inline-size:0;display:grid}.pattern-advanced__drawer-resizer[data-astro-cid-sud7txnf] span[data-astro-cid-sud7txnf]{background:var(--settings-bar-border,var(--border));border-radius:999px;block-size:3px;inline-size:42px}.pattern-advanced__drawer-resizer[data-astro-cid-sud7txnf]:hover span[data-astro-cid-sud7txnf],.pattern-advanced__drawer-resizer[data-astro-cid-sud7txnf]:focus-visible span[data-astro-cid-sud7txnf]{background:var(--settings-bar-accent,var(--semantic-action))}.pattern-advanced__drawer-resizer[data-astro-cid-sud7txnf]:focus-visible,.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf]:focus-visible{outline:2px solid var(--semantic-focus);outline-offset:-2px}.pattern-advanced__actions[data-astro-cid-sud7txnf]{align-items:center;gap:8px;display:flex}.pattern-advanced__actions[data-astro-cid-sud7txnf] button[data-astro-cid-sud7txnf]{min-block-size:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px}.pattern-advanced__actions[data-astro-cid-sud7txnf] button[data-astro-cid-sud7txnf]:hover{background:color-mix(in srgb,var(--settings-bar-text) 7%,transparent)}.pattern-advanced__close[data-astro-cid-sud7txnf]{place-items:center;inline-size:28px;display:grid}.pattern-advanced__editors[data-astro-cid-sud7txnf]{grid-template-columns:minmax(0,var(--pattern-editor-split,50%)) 10px minmax(0,1fr);min-block-size:0;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:grid;overflow:hidden}.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf]{border-inline:1px solid var(--settings-bar-border,var(--border));background:var(--settings-bar-surface,var(--semantic-surface));cursor:ew-resize;touch-action:none;place-items:center;display:grid}.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf] span[data-astro-cid-sud7txnf]{background:var(--settings-bar-border,var(--border));border-radius:999px;block-size:34px;inline-size:3px}.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf]:hover span[data-astro-cid-sud7txnf],.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf]:focus-visible span[data-astro-cid-sud7txnf]{background:var(--settings-bar-accent,var(--semantic-action))}.pattern-advanced__editors[data-astro-cid-sud7txnf]>section{min-inline-size:0}footer[data-astro-cid-sud7txnf]{border-block-start:2px solid var(--settings-bar-text,var(--semantic-text));background:var(--settings-bar-surface,var(--semantic-surface));justify-content:space-between;align-items:center;gap:12px;min-block-size:44px;padding-inline:10px 8px;display:flex}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf]{scrollbar-width:none;block-size:100%;min-inline-size:0;overflow:auto hidden}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf]::-webkit-scrollbar{display:none}footer[data-astro-cid-sud7txnf] ol{align-items:center;block-size:100%;min-inline-size:max-content;margin:0;padding:0;list-style:none;display:flex}footer[data-astro-cid-sud7txnf] li{align-items:center;gap:2px;display:flex}footer[data-astro-cid-sud7txnf] .pattern-advanced__crumb-separator{color:var(--settings-bar-text,var(--semantic-text));flex:none}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf] button{min-block-size:36px;color:var(--settings-bar-text,var(--semantic-text));font:650 13px/1.2 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding-inline:6px}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf] button:hover,footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf] button:focus-visible{background:color-mix(in srgb,var(--settings-bar-text) 7%,transparent)}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf] button:focus-visible{outline:2px solid var(--semantic-focus);outline-offset:-2px}footer[data-astro-cid-sud7txnf] nav[data-astro-cid-sud7txnf] button[aria-current=page]{font-weight:450}@media (width<=720px){.pattern-advanced[data-astro-cid-sud7txnf]{block-size:var(--pattern-advanced-height,56dvh)}.pattern-advanced__editors[data-astro-cid-sud7txnf]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,var(--pattern-editor-split,50%)) 10px minmax(0,1fr)}.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf]{border-inline:0;border-block:1px solid var(--settings-bar-border,var(--border));cursor:ns-resize}.pattern-advanced__editor-resizer[data-astro-cid-sud7txnf] span[data-astro-cid-sud7txnf]{block-size:3px;inline-size:34px}}