.css-demo.svelte-mpcyba{--demo-border: var(--border);--demo-titlebar: var(--bg-raised);--demo-terminal-bg: var(--bg-deep);--demo-code-bg: var(--code-bg);--demo-accent: var(--accent);--demo-muted: var(--text-faint);--tag-hue: var(--ctp-peach);margin:1.5rem 0;font-family:var(--font-mono),monospace}.controls.svelte-mpcyba{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.72rem;flex-wrap:wrap}.label.svelte-mpcyba{color:var(--demo-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.pill.svelte-mpcyba{background:none;border:1px solid var(--demo-border);color:var(--text-muted);padding:.22rem .6rem;border-radius:999px;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .15s ease}.pill.svelte-mpcyba:hover{border-color:var(--demo-accent);color:var(--text)}.pill.active.svelte-mpcyba{background:var(--demo-accent);color:var(--bg);border-color:var(--demo-accent)}.frame.svelte-mpcyba{position:relative;margin:0 0 2rem;border:1px solid var(--demo-border);border-radius:4px;background:var(--demo-terminal-bg);overflow:visible}.header.svelte-mpcyba{display:flex;align-items:center;padding:.5rem .75rem;background:var(--demo-titlebar);border-bottom:1px solid var(--demo-border);border-radius:4px 4px 0 0;position:relative;min-height:1.6rem}.dots.svelte-mpcyba{display:inline-flex;align-items:center;gap:.36rem}.dot.svelte-mpcyba{width:.56rem;height:.56rem;border-radius:50%;background:var(--demo-muted);opacity:.7}.pre.svelte-mpcyba{position:relative;font-size:.85rem;padding:.75rem 0}.ec-line.svelte-mpcyba{display:block}.code.svelte-mpcyba{position:relative;padding-inline-start:1.65rem;padding-inline-end:1rem;color:var(--text);white-space:pre}.tok-mono.svelte-mpcyba{color:var(--ctp-blue);font-style:italic}.tok-arg.svelte-mpcyba{color:var(--ctp-green)}.tok-comment.svelte-mpcyba{color:var(--demo-muted);font-style:italic}.css-demo.broken.svelte-mpcyba .pre:where(.svelte-mpcyba){padding:1rem 1.25rem;border:1px solid var(--demo-border);background:var(--demo-code-bg);border-top:none;border-radius:0 0 4px 4px}.tag-wrapper.svelte-mpcyba{position:absolute;z-index:3}.header-tag-pos.svelte-mpcyba{right:.5rem;top:50%;transform:translateY(-50%)}.pad-tag-pos.svelte-mpcyba{left:.35rem;top:50%;transform:translateY(-50%)}.bg-tag-pos.svelte-mpcyba{left:50%;bottom:-.6rem;transform:translate(-50%,100%)}.pad-strip.svelte-mpcyba{position:absolute;top:0;bottom:0;left:0;width:1.25rem;background:color-mix(in srgb,var(--tag-hue) 14%,transparent);border-right:1px dashed color-mix(in srgb,var(--tag-hue) 40%,transparent);pointer-events:none;z-index:1}.tag.svelte-mpcyba{all:unset;display:inline-flex;align-items:center;font-family:inherit;font-size:.6rem;line-height:1;padding:.18rem .4rem;border-radius:3px;color:var(--tag-hue);background:color-mix(in srgb,var(--tag-hue) 10%,transparent);border:1px dashed color-mix(in srgb,var(--tag-hue) 35%,transparent);opacity:.65;cursor:pointer;transition:opacity .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.tag.svelte-mpcyba:hover{opacity:.95;background:color-mix(in srgb,var(--tag-hue) 16%,transparent)}.tag.svelte-mpcyba:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px;opacity:1}.tag.open.svelte-mpcyba{opacity:1;background:color-mix(in srgb,var(--tag-hue) 22%,transparent);border-style:solid}.tip.svelte-mpcyba{position:absolute;left:50%;top:calc(100% + .45rem);transform:translate(-50%);width:min(22rem,80vw);background:var(--bg-raised);border:1px solid var(--demo-border);border-radius:6px;padding:.6rem .75rem;box-shadow:0 6px 18px #00000040;z-index:10;font-size:.75rem;line-height:1.45;white-space:normal;color:var(--text)}.tip.svelte-mpcyba:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-raised);border-left:1px solid var(--demo-border);border-top:1px solid var(--demo-border)}.tip-above.svelte-mpcyba{top:auto;bottom:calc(100% + .45rem)}.tip-above.svelte-mpcyba:before{top:auto;bottom:-5px;border-left:none;border-top:none;border-right:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border)}.tip-right.svelte-mpcyba{top:50%;left:calc(100% + .55rem);transform:translateY(-50%)}.tip-right.svelte-mpcyba:before{top:50%;left:-5px;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none;border-left:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border)}.tip-title.svelte-mpcyba{display:block;font-family:var(--font-body),sans-serif;font-size:.8rem;margin-bottom:.25rem;color:var(--tag-hue)}.tip-detail.svelte-mpcyba{margin:0 0 .4rem;color:var(--text-muted);font-family:var(--font-body),sans-serif}.tip-code.svelte-mpcyba{margin:0 0 .35rem;padding:.4rem .55rem;background:var(--demo-terminal-bg);border:1px solid var(--demo-border);border-radius:3px;font-size:.7rem;overflow-x:auto;color:var(--text)}.tip-code.svelte-mpcyba code:where(.svelte-mpcyba){font-family:inherit;background:none;border:none;padding:0;color:inherit}.tip-src.svelte-mpcyba{font-size:.65rem;color:var(--demo-muted);font-family:var(--font-body),sans-serif}.tip-src.svelte-mpcyba em:where(.svelte-mpcyba){font-style:normal;color:var(--text-muted)}.caption.svelte-mpcyba{margin:.6rem 0 0;font-size:.75rem;color:var(--text-muted);font-family:var(--font-body),sans-serif}.caption.svelte-mpcyba code:where(.svelte-mpcyba){font-family:var(--font-mono),monospace;font-size:.85em;padding:.05em .3em;background:var(--surface);border-radius:3px}.inline-link.svelte-mpcyba{all:unset;color:var(--link);text-decoration:underline;cursor:pointer}@media(max-width:520px){.tag-wrapper.svelte-mpcyba{position:static;display:inline-block;margin:.25rem .25rem 0 0;transform:none}.tip.svelte-mpcyba{left:0;transform:none;max-width:100%}.tip.svelte-mpcyba:before{left:1rem;transform:rotate(45deg)}}.cases.svelte-1gion73{--card-border: var(--border);--hue: var(--ctp-peach);margin:1.5rem 0;font-family:var(--font-body),sans-serif}.toolbar.svelte-1gion73{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem}.toolbar-label.svelte-1gion73{color:var(--text-faint);font-family:var(--font-mono),monospace;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em}.pill.svelte-1gion73{background:none;border:1px solid var(--card-border);color:var(--text-muted);padding:.2rem .6rem;border-radius:999px;font-family:var(--font-mono),monospace;font-size:.7rem;cursor:pointer;transition:all .15s ease}.pill.svelte-1gion73:hover{border-color:var(--accent);color:var(--text)}.grid.svelte-1gion73{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.75rem}.card.svelte-1gion73{border:1px solid var(--card-border);border-radius:4px;background:var(--bg-raised);display:flex;flex-direction:column;min-width:0}.card-head.svelte-1gion73{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--card-border);background:var(--bg-deep)}.card-title.svelte-1gion73{font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--text);background:none;padding:0;border:0}.state-toggle.svelte-1gion73{font-family:var(--font-mono),monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;background:none;border:1px solid var(--card-border);color:var(--text-muted);padding:.15rem .45rem;border-radius:3px;cursor:pointer;transition:all .15s ease}.state-toggle[aria-pressed=true].svelte-1gion73{color:var(--hue);border-color:color-mix(in srgb,var(--hue) 55%,transparent);background:color-mix(in srgb,var(--hue) 10%,transparent)}.state-toggle.svelte-1gion73:hover{color:var(--text)}.stage.svelte-1gion73{padding:.9rem 1rem;min-height:5.5rem;display:flex;flex-direction:column;justify-content:center}.mock-label.svelte-1gion73{display:block;font-family:var(--font-mono),monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.35rem}.card-foot.svelte-1gion73{padding:.45rem .75rem .6rem;border-top:1px solid var(--card-border);font-size:.65rem;line-height:1.4;background:color-mix(in srgb,var(--bg-deep) 60%,transparent);display:grid;gap:.15rem}.rule-wrapper.svelte-1gion73{position:relative;display:inline-block}.rule.svelte-1gion73{display:inline-block;width:100%;text-align:left;font-family:var(--font-mono),monospace;font-size:.65rem;line-height:1.4;color:var(--hue);background:color-mix(in srgb,var(--hue) 8%,transparent);padding:.2rem .45rem;border-radius:3px;border:1px dashed color-mix(in srgb,var(--hue) 30%,transparent);cursor:pointer;white-space:normal;word-break:break-word;overflow-wrap:anywhere;transition:background .15s ease,border-color .15s ease}.rule.svelte-1gion73:hover{background:color-mix(in srgb,var(--hue) 14%,transparent);border-color:color-mix(in srgb,var(--hue) 55%,transparent)}.rule.svelte-1gion73:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rule.open.svelte-1gion73{background:color-mix(in srgb,var(--hue) 20%,transparent);border-style:solid;border-color:color-mix(in srgb,var(--hue) 55%,transparent)}.where.svelte-1gion73{color:var(--text-faint);font-size:.62rem}.where.svelte-1gion73 em:where(.svelte-1gion73){font-style:normal;color:var(--text-muted)}.rule-tip.svelte-1gion73{position:absolute;top:calc(100% + .45rem);left:0;right:0;background:var(--bg-raised);border:1px solid var(--card-border);border-radius:6px;padding:.55rem .7rem;box-shadow:0 6px 18px #00000040;z-index:10;font-size:.72rem;line-height:1.45;color:var(--text)}.rule-tip.svelte-1gion73:before{content:"";position:absolute;top:-5px;left:1rem;width:10px;height:10px;background:var(--bg-raised);border-left:1px solid var(--card-border);border-top:1px solid var(--card-border);transform:rotate(45deg)}.rule-tip.svelte-1gion73 .tip-title:where(.svelte-1gion73){display:block;font-family:var(--font-body),sans-serif;font-size:.75rem;color:var(--hue);margin-bottom:.2rem}.rule-tip.svelte-1gion73 p:where(.svelte-1gion73){margin:0 0 .35rem;color:var(--text-muted);font-family:var(--font-body),sans-serif}.rule-tip.svelte-1gion73 small:where(.svelte-1gion73){font-size:.62rem;color:var(--text-faint)}.rule-tip.svelte-1gion73 small:where(.svelte-1gion73) em:where(.svelte-1gion73){font-style:normal;color:var(--text-muted)}.footnote.svelte-1gion73{margin:.9rem 0 0;font-size:.72rem;color:var(--text-muted)}.footnote.svelte-1gion73 code:where(.svelte-1gion73){font-family:var(--font-mono),monospace;font-size:.85em;padding:.05em .3em;background:var(--surface);border-radius:3px}.mock-card.svelte-1gion73{width:100%;padding:.6rem .75rem;border:1px dashed var(--card-border);border-radius:3px;background:var(--bg-deep)}.cap-wrap.svelte-1gion73{position:relative}.mock-card.svelte-1gion73 p:where(.svelte-1gion73){margin:0;font-size:.72rem;line-height:1.45;color:var(--text-muted);max-width:none;transition:max-width .2s ease}.card.broken.svelte-1gion73 .mock-card:where(.svelte-1gion73) p:where(.svelte-1gion73){max-width:24ch}.cap-line.svelte-1gion73{display:none;position:absolute;top:-.1rem;bottom:-.1rem;left:24ch;width:1px;border-left:1px dashed var(--hue)}.cap-line.svelte-1gion73:after{content:"68ch cap";position:absolute;top:0;left:.35rem;font-family:var(--font-mono),monospace;font-size:.55rem;color:var(--hue);white-space:nowrap}.card.broken.svelte-1gion73 .cap-line:where(.svelte-1gion73){display:block}.mock-footer.svelte-1gion73 ul:where(.svelte-1gion73){list-style:disc;margin:0;padding:0}.mock-footer.svelte-1gion73 li:where(.svelte-1gion73){font-size:.75rem;color:var(--text)}.link-like.svelte-1gion73{color:var(--text);font-family:var(--font-mono),monospace;font-size:.72rem}.card.svelte-1gion73:not(.broken) .mock-footer:where(.svelte-1gion73) ul:where(.svelte-1gion73){list-style:none;display:flex;gap:1rem;padding-left:0}.card.broken.svelte-1gion73 .mock-footer:where(.svelte-1gion73) ul:where(.svelte-1gion73){list-style:disc;padding-left:1.5rem}.card.broken.svelte-1gion73 .mock-footer:where(.svelte-1gion73) li:where(.svelte-1gion73){display:list-item}.mock-nav.svelte-1gion73{display:flex;gap:1.1rem;align-items:center;font-family:var(--font-mono),monospace;font-size:.78rem}.mock-nav.svelte-1gion73 a:where(.svelte-1gion73){color:var(--text-muted);text-decoration:none;letter-spacing:.02em}.card.broken.svelte-1gion73 .mock-nav:where(.svelte-1gion73) a:where(.svelte-1gion73){color:var(--link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--link) 40%,transparent);text-underline-offset:.15em}.mock-prose.svelte-1gion73 blockquote:where(.svelte-1gion73){margin:0;padding:0;font-size:.78rem;color:var(--text-muted);font-style:italic}.card.broken.svelte-1gion73 .mock-prose:where(.svelte-1gion73) blockquote:where(.svelte-1gion73){margin:0 0 .5rem;padding:.5rem .9rem;border-left:2px solid var(--accent);font-style:normal}.mock-callout.svelte-1gion73{margin-top:.5rem;padding:.4rem .8rem;border-left:3px solid var(--ctp-blue);background:color-mix(in srgb,var(--ctp-blue) 8%,transparent);font-size:.75rem;color:var(--text-muted)}.callout-label.svelte-1gion73{display:block;font-family:var(--font-mono),monospace;font-size:.6rem;color:var(--ctp-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem}.mock-callout.svelte-1gion73 code:where(.svelte-1gion73){font-family:var(--font-mono),monospace;font-size:.72rem;color:var(--hue);background:color-mix(in srgb,var(--hue) 8%,transparent);padding:.03em .3em;border-radius:3px}