.dk-demo-shell.svelte-qet6tq{place-items:center;min-height:560px;padding:clamp(1rem,4vw,2.5rem);display:grid}.drawer-demo.svelte-qet6tq{--phone-bg:radial-gradient(circle at 30% 18%, #1e293b, #020617 68%);--phone-border:#94a3b838;--phone-shadow:0 30px 90px #00000073;--screen-text:#e2e8f0a8;--btn-bg:linear-gradient(135deg, var(--color-brand-400,#34d399), var(--color-brand-600,#059669));--btn-text:#022c22;--btn-shadow:0 10px 24px color-mix(in oklab, var(--color-brand-500,#10b981) 38%, transparent);--scrim:#0206178c;--sheet-bg:#0f172a;--sheet-border:#94a3b829;--sheet-title:#f1f5f9;--sheet-text:#cbd5e1c7;--handle:#94a3b880;--row:#94a3b824;--code-bg:#94a3b829;--code-text:#e2e8f0;place-items:center;width:100%;display:grid}html:not(.dark) .drawer-demo.svelte-qet6tq{--phone-bg:radial-gradient(circle at 30% 18%, #fff, #eef2ff 70%);--phone-border:#0f172a1f;--phone-shadow:0 24px 70px #0f172a29;--screen-text:#0f172a8f;--btn-bg:linear-gradient(135deg, var(--color-brand-400,#34d399), var(--color-brand-600,#059669));--btn-text:#022c22;--btn-shadow:0 10px 24px color-mix(in oklab, var(--color-brand-600,#059669) 28%, transparent);--scrim:#0f172a66;--sheet-bg:#fff;--sheet-border:#0f172a1a;--sheet-title:#0f172a;--sheet-text:#334155d1;--handle:#0f172a47;--row:#0f172a14;--code-bg:#0f172a14;--code-text:#1e293b}.phone.svelte-qet6tq{border:1px solid var(--phone-border);background:var(--phone-bg);width:min(360px,92vw);height:600px;max-height:70vh;box-shadow:var(--phone-shadow);border-radius:28px;position:relative;overflow:hidden}.screen.svelte-qet6tq{text-align:center;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid;position:absolute;inset:0}.screen-hint.svelte-qet6tq{color:var(--screen-text);margin:0;font-size:.85rem}.open-btn.svelte-qet6tq{appearance:none;cursor:pointer;color:var(--btn-text);background:var(--btn-bg);box-shadow:var(--btn-shadow);border:none;border-radius:9px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;transition:transform .15s}.open-btn.svelte-qet6tq:hover{transform:translateY(-1px)}.open-btn.svelte-qet6tq:active{transform:translateY(0)}.overlay.overlay.svelte-qet6tq{z-index:10;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.sheet.sheet.svelte-qet6tq{border:1px solid var(--sheet-border);background:var(--sheet-bg);border-bottom:none;border-top-left-radius:22px;border-top-right-radius:22px;height:78%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 50px #00000047}.handle-row.svelte-qet6tq{z-index:1;background:var(--sheet-bg);justify-content:center;padding:.85rem;display:flex;position:absolute;top:0;left:0;right:0}.handle.svelte-qet6tq{appearance:none;background:var(--handle);cursor:grab;touch-action:none;border:none;border-radius:999px;width:56px;height:6px;padding:0}.handle.svelte-qet6tq:active{cursor:grabbing}.sheet-body.svelte-qet6tq{height:100%;color:var(--sheet-text);padding:3.25rem 1.4rem 1.4rem;overflow-y:auto}.sheet-body.svelte-qet6tq h3:where(.svelte-qet6tq){color:var(--sheet-title);margin:0 0 .6rem;font-size:1.35rem;font-weight:700}.sheet-body.svelte-qet6tq p:where(.svelte-qet6tq){margin:0 0 .85rem;font-size:.92rem;line-height:1.5}.sheet-body.svelte-qet6tq code:where(.svelte-qet6tq){background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.08em .34em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em}.rows.svelte-qet6tq{gap:.75rem;margin-top:1.25rem;display:grid}.rows.svelte-qet6tq span:where(.svelte-qet6tq){background:var(--row);border-radius:8px;height:2.5rem}