h2.svelte-1kt2v87{color:var(--ui-color);border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.code-block.svelte-1kt2v87{background:#0000004d;border:2px solid rgba(255,255,255,.1);padding:1rem;border-radius:8px;margin:1rem 0;font-family:monospace;position:relative}.html-block.svelte-1kt2v87{background:#a78bfa1a;border-color:#a78bfa80}.html-block.svelte-1kt2v87:after{content:"HTML";position:absolute;top:-10px;right:10px;background:#a78bfa;color:#fff;padding:2px 8px;font-size:.8rem;border-radius:4px;font-weight:700}.css-block.svelte-1kt2v87{background:#38bdf81a;border-color:#38bdf880}.css-block.svelte-1kt2v87:after{content:"CSS";position:absolute;top:-10px;right:10px;background:#38bdf8;color:#fff;padding:2px 8px;font-size:.8rem;border-radius:4px;font-weight:700}.tag-color.svelte-1kt2v87{color:var(--ui-color)}.attr-color.svelte-1kt2v87{color:#e2e8f0}.content-color.svelte-1kt2v87{color:#bef264}.prop-color.svelte-1kt2v87{color:var(--ui-color)}.value-color.svelte-1kt2v87{color:#bef264}.class-color-text.svelte-1kt2v87{color:var(--data-color)}.comment-color.svelte-1kt2v87{color:#9ca3af;font-style:italic}.pseudo-color.svelte-1kt2v87{color:#f472b6;font-weight:700}ul.svelte-1kt2v87{padding-left:1.5rem;margin-top:1rem;line-height:1.6}li.svelte-1kt2v87{margin-bottom:.5rem}li.svelte-1kt2v87::marker{color:var(--ui-color);font-size:1.2em}.summary-card.svelte-1kt2v87{border-top:3px solid var(--ui-color)}.demo-controls.svelte-1kt2v87{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.mode-btn.svelte-1kt2v87{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.mode-btn.svelte-1kt2v87:hover{background:#ffffff26}.mode-btn.active.svelte-1kt2v87{background:var(--ui-color);color:#0f172a;font-weight:700;border-color:var(--ui-color);box-shadow:0 0 12px #38bdf866}.demo-viewport-box.svelte-1kt2v87{background:#0f172ad9;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:1rem;margin-top:.5rem;transition:all .3s ease}.demo-viewport-box.mobile.svelte-1kt2v87{max-width:340px;margin-left:auto;margin-right:auto;border-color:var(--data-color)}.demo-viewport-box.desktop.svelte-1kt2v87{max-width:100%;border-color:var(--svelte-color)}.demo-screen-label.svelte-1kt2v87{font-size:.85rem;font-family:monospace;color:#94a3b8;margin-bottom:.75rem;text-align:center}.preview-nav.svelte-1kt2v87{background:#1e293b;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.preview-menu-btn.svelte-1kt2v87{list-style:none;cursor:pointer;padding:1rem;width:fit-content;-webkit-user-select:none;user-select:none}.preview-menu-btn.svelte-1kt2v87::-webkit-details-marker{display:none}.preview-menu-btn.svelte-1kt2v87 span:where(.svelte-1kt2v87){display:block;width:25px;height:3px;margin:5px 0;background:#fff;border-radius:2px;transition:transform .2s ease}.preview-menu.svelte-1kt2v87{list-style:none;margin:0;padding:0}.preview-menu.svelte-1kt2v87 a:where(.svelte-1kt2v87){display:block;padding:.85rem 1rem;color:#f1f5f9;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s ease}.preview-menu.svelte-1kt2v87 a:where(.svelte-1kt2v87):hover{background:#334155}.demo-viewport-box.desktop.svelte-1kt2v87 .preview-menu-btn:where(.svelte-1kt2v87){display:none}.demo-viewport-box.desktop.svelte-1kt2v87 .preview-nav-details[open]:where(.svelte-1kt2v87) .preview-menu:where(.svelte-1kt2v87),.demo-viewport-box.desktop.svelte-1kt2v87 .preview-nav-details:where(.svelte-1kt2v87) .preview-menu:where(.svelte-1kt2v87){display:flex;flex-direction:row}.demo-viewport-box.desktop.svelte-1kt2v87 .preview-menu:where(.svelte-1kt2v87) a:where(.svelte-1kt2v87){border-bottom:none;border-right:1px solid rgba(255,255,255,.05)}