h2.svelte-ga8ege{color:var(--ui-color);border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}h3.svelte-ga8ege{margin:.5rem 0;color:#e2e8f0;font-size:1.1rem}.rules-grid.svelte-ga8ege{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}@media(max-width:640px){.rules-grid.svelte-ga8ege{grid-template-columns:1fr}}.rule-box.svelte-ga8ege{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;position:relative}.rule-base.svelte-ga8ege{border-left:4px solid var(--data-color)}.rule-mq.svelte-ga8ege{border-left:4px solid var(--svelte-color)}.rule-badge.svelte-ga8ege{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#e2e8f0}.warning-box.svelte-ga8ege{background:#ef44441a;border-left:4px solid #ef4444;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;color:#fecaca}.code-block.svelte-ga8ege{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-ga8ege{background:#a78bfa1a;border-color:#a78bfa80}.html-block.svelte-ga8ege:after{content:"HTML / SVELTE";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-ga8ege{background:#38bdf81a;border-color:#38bdf880}.css-block.svelte-ga8ege: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-ga8ege{color:var(--ui-color)}.attr-color.svelte-ga8ege{color:#e2e8f0}.value-color.svelte-ga8ege{color:#bef264}.prop-color.svelte-ga8ege{color:var(--ui-color)}.class-color-text.svelte-ga8ege{color:var(--data-color)}.comment-color.svelte-ga8ege{color:#9ca3af;font-style:italic}.pseudo-color.svelte-ga8ege{color:#f472b6;font-weight:700}.demo-controls.svelte-ga8ege{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.mode-btn.svelte-ga8ege{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-ga8ege:hover{background:#ffffff26}.mode-btn.active.svelte-ga8ege{background:var(--ui-color);color:#0f172a;font-weight:700;border-color:var(--ui-color);box-shadow:0 0 12px #38bdf866}.demo-canvas.svelte-ga8ege{background:#0f172ab3;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:1rem;transition:all .3s ease;margin-top:.5rem}.demo-canvas.mobile.svelte-ga8ege{max-width:320px;margin-left:auto;margin-right:auto;border-color:var(--data-color)}.demo-canvas.desktop.svelte-ga8ege{max-width:100%;border-color:var(--svelte-color)}.demo-screen-label.svelte-ga8ege{font-size:.85rem;font-family:monospace;color:#94a3b8;margin-bottom:.75rem;text-align:center}.demo-layout.svelte-ga8ege{display:flex;flex-direction:column;gap:.5rem}.demo-box.svelte-ga8ege{padding:.75rem;border-radius:6px;text-align:center;font-weight:500;font-size:.9rem}.demo-header.svelte-ga8ege{background:#38bdf833;border:1px solid rgba(56,189,248,.5);color:#38bdf8}.demo-content-wrap.svelte-ga8ege{display:flex;gap:.5rem;transition:all .3s ease}.demo-canvas.mobile.svelte-ga8ege .demo-content-wrap:where(.svelte-ga8ege){flex-direction:column}.demo-canvas.desktop.svelte-ga8ege .demo-content-wrap:where(.svelte-ga8ege){flex-direction:row}.demo-main.svelte-ga8ege{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#4ade80;flex:3}.demo-aside.svelte-ga8ege{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24;flex:1}.demo-footer.svelte-ga8ege{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}ul.svelte-ga8ege{padding-left:1.5rem;margin-top:1rem;line-height:1.6}li.svelte-ga8ege{margin-bottom:.5rem}li.svelte-ga8ege::marker{color:var(--ui-color);font-size:1.2em}.summary-card.svelte-ga8ege{border-top:3px solid var(--ui-color)}