.dp-card.svelte-1cdt6n4{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:12px;padding:1.1rem 1.25rem}.dp-card.svelte-1cdt6n4 p:where(.svelte-1cdt6n4){margin:0 0 .8rem;color:var(--color-ink-muted);line-height:1.6}.dp-card.svelte-1cdt6n4 p:where(.svelte-1cdt6n4):last-child{margin-bottom:0}.dp-h.svelte-1cdt6n4{font:700 1rem/1.3 var(--font-display, system-ui);margin:0}.dp-demo.svelte-1cdt6n4{border-color:var(--color-navy-200);background:var(--color-navy-tint-4)}.dp-demo__head.svelte-1cdt6n4{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.6rem}.dp-demo__size.svelte-1cdt6n4{font:700 .8rem/1 ui-monospace,monospace;color:var(--color-navy-deep);background:var(--color-surface-2);border:1px solid var(--color-navy-200);border-radius:9999px;padding:.3rem .6rem}.dp-demo__lead.svelte-1cdt6n4{font-size:.88rem}.dp-demo__btn.svelte-1cdt6n4{background:var(--color-amber);color:var(--color-navy-deep);border:0;border-radius:9999px;padding:.55rem 1.1rem;font-weight:700;cursor:pointer;min-height:2.5rem}.dp-demo__btn.svelte-1cdt6n4:disabled{opacity:.6;cursor:progress}.dp-demo__body.svelte-1cdt6n4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;align-items:start;margin-bottom:.6rem}@media(max-width:640px){.dp-demo__body.svelte-1cdt6n4{grid-template-columns:1fr}}.dp-demo__fig.svelte-1cdt6n4{margin:0;min-width:0}.dp-demo__frame.svelte-1cdt6n4{position:relative}.dp-demo--embed.svelte-1cdt6n4 .dp-demo__frame:where(.svelte-1cdt6n4){max-width:12rem}.dp-demo__frame.svelte-1cdt6n4 img:where(.svelte-1cdt6n4){display:block;width:100%;height:auto;border:1px solid var(--color-line);border-radius:8px;background:#fff}.dp-demo__frame.svelte-1cdt6n4 svg:where(.svelte-1cdt6n4){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dp-demo__frame.svelte-1cdt6n4 rect:where(.svelte-1cdt6n4){fill:none;stroke:var(--color-amber);stroke-width:2;vector-effect:non-scaling-stroke;opacity:.85}.dp-demo__fig.svelte-1cdt6n4 figcaption:where(.svelte-1cdt6n4){font-size:.78rem;color:var(--color-ink-muted);margin-top:.3rem;overflow-wrap:anywhere}.dp-demo__ctl.svelte-1cdt6n4{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;min-width:0}.dp-demo__file.svelte-1cdt6n4{display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;font-size:.85rem;font-weight:600;min-width:0}.dp-demo__file.svelte-1cdt6n4 input:where(.svelte-1cdt6n4){font-size:.8rem;width:100%;min-width:0}.dp-demo__file.svelte-1cdt6n4 input[type=text]:where(.svelte-1cdt6n4){border:1px solid var(--color-navy-200);border-radius:6px;padding:.35rem .5rem;background:var(--color-surface-2);color:inherit}.dp-demo__samples.svelte-1cdt6n4{display:flex;flex-wrap:wrap;gap:.4rem}.dp-chip.svelte-1cdt6n4{border:1px solid var(--color-navy-200);background:var(--color-surface-2);border-radius:9999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;min-height:2.25rem;color:var(--color-navy-deep)}.dp-chip[aria-pressed=true].svelte-1cdt6n4{background:var(--color-navy-deep);color:var(--color-surface-2);border-color:var(--color-navy-deep)}.dp-demo__teach.svelte-1cdt6n4{border:1px dashed var(--color-navy-200);border-radius:8px;padding:.5rem .7rem .7rem;margin:0;display:grid;gap:.5rem;min-width:0}.dp-demo__teach.svelte-1cdt6n4 legend:where(.svelte-1cdt6n4){font-size:.82rem;font-weight:700;padding:0 .3rem}.dp-demo__gallery.svelte-1cdt6n4{list-style:none;margin:0 0 .7rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.35rem}.dp-demo__gallery.svelte-1cdt6n4 li:where(.svelte-1cdt6n4){display:grid;gap:.15rem;justify-items:center;font-size:.7rem;color:var(--color-ink-muted);min-width:0}.dp-demo__gallery.svelte-1cdt6n4 img:where(.svelte-1cdt6n4){width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;border:1px solid var(--color-line)}.dp-demo__own.svelte-1cdt6n4 img:where(.svelte-1cdt6n4){border-color:var(--color-amber)}.dp-demo__status.svelte-1cdt6n4{font-size:.88rem;font-weight:600}.dp-demo__status--warn.svelte-1cdt6n4{color:var(--color-bad)!important}.dp-demo__text.svelte-1cdt6n4{margin:0 0 .6rem;max-height:180px;overflow:auto;background:var(--color-navy-deep);color:var(--color-line);border-radius:8px;padding:.5rem .7rem;font:12px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.dp-demo__text.svelte-1cdt6n4:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.dp-demo__note.svelte-1cdt6n4{font-size:.82rem;margin-top:.4rem!important}.dp-link.svelte-1cdt6n4{border:0;background:none;padding:.3rem 0;color:color-mix(in oklch,var(--color-amber) 55%,black);font-weight:700;cursor:pointer;text-align:left}.dp-switch.svelte-1cdt6n4{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-navy-200);background:var(--color-surface-2);border-radius:9999px;padding:.35rem .8rem .35rem .4rem;font-weight:700;font-size:.85rem;cursor:pointer;min-height:2.5rem;color:var(--color-navy-deep)}.dp-switch.svelte-1cdt6n4 span:where(.svelte-1cdt6n4){width:2rem;height:1.15rem;border-radius:9999px;background:var(--color-navy-200);position:relative;transition:background .15s;flex:none}.dp-switch.svelte-1cdt6n4 span:where(.svelte-1cdt6n4):after{content:"";position:absolute;top:2px;left:2px;width:calc(1.15rem - 4px);height:calc(1.15rem - 4px);border-radius:50%;background:var(--color-surface-2);transition:transform .15s}.dp-switch[aria-checked=true].svelte-1cdt6n4 span:where(.svelte-1cdt6n4){background:var(--color-navy-deep)}.dp-switch[aria-checked=true].svelte-1cdt6n4 span:where(.svelte-1cdt6n4):after{transform:translate(.85rem);background:var(--color-amber)}.svelte-1cdt6n4:is(.dp-demo__btn:where(.svelte-1cdt6n4),.dp-switch:where(.svelte-1cdt6n4),.dp-link:where(.svelte-1cdt6n4),.dp-chip:where(.svelte-1cdt6n4),.dp-demo__file:where(.svelte-1cdt6n4) input:where(.svelte-1cdt6n4)):focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.sr-only.svelte-1cdt6n4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.dp-switch.svelte-1cdt6n4 span:where(.svelte-1cdt6n4),.dp-switch.svelte-1cdt6n4 span:where(.svelte-1cdt6n4):after{transition:none}}