.pattern-library[data-astro-cid-7h7makbt]{padding:4rem 2rem;max-width:1400px;margin:0 auto}.intro[data-astro-cid-7h7makbt]{max-width:800px;margin:0 auto 4rem;text-align:center}.intro[data-astro-cid-7h7makbt] h1[data-astro-cid-7h7makbt]{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#B45E4C,#1ABC9C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro[data-astro-cid-7h7makbt] p[data-astro-cid-7h7makbt]{font-size:1.25rem;color:#666;line-height:1.6}.pattern-grid[data-astro-cid-7h7makbt]{display:grid;gap:3rem;margin-bottom:4rem}.pattern-card[data-astro-cid-7h7makbt]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.pattern-card[data-astro-cid-7h7makbt]:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.pattern-preview[data-astro-cid-7h7makbt]{position:relative;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,188,156,0.18) 0%,transparent 60%),linear-gradient(135deg,#1e4620 0%,#1e4620 100%)}.pattern-preview-content[data-astro-cid-7h7makbt]{position:relative;z-index:10;text-align:center;color:white;padding:2rem}.pattern-preview[data-astro-cid-7h7makbt] h2[data-astro-cid-7h7makbt]{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.pattern-preview[data-astro-cid-7h7makbt] p[data-astro-cid-7h7makbt]{font-size:1.125rem;opacity:0.9;text-shadow:0 1px 5px rgba(0,0,0,0.3)}.pattern-info[data-astro-cid-7h7makbt]{padding:2rem}.pattern-name[data-astro-cid-7h7makbt]{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;color:#2c3e50}.pattern-badge[data-astro-cid-7h7makbt]{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.875rem;font-weight:600;margin-bottom:1rem}.badge-current[data-astro-cid-7h7makbt]{background:#1ABC9C;color:white}.badge-new[data-astro-cid-7h7makbt]{background:#B45E4C;color:white}.badge-experimental[data-astro-cid-7h7makbt]{background:#f39c12;color:white}.pattern-description[data-astro-cid-7h7makbt]{color:#666;line-height:1.6;margin-bottom:1.5rem}.pattern-specs[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.spec-item[data-astro-cid-7h7makbt]{background:#f8f9fa;padding:1rem;border-radius:8px}.spec-label[data-astro-cid-7h7makbt]{font-size:0.875rem;color:#999;margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.5px}.spec-value[data-astro-cid-7h7makbt]{font-size:1.125rem;font-weight:600;color:#2c3e50;font-family:"Courier New",monospace}.pattern-use-cases[data-astro-cid-7h7makbt]{background:#f0f8ff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.use-cases-title[data-astro-cid-7h7makbt]{font-weight:700;color:#2c3e50;margin-bottom:0.75rem}.use-cases-list[data-astro-cid-7h7makbt]{list-style:none;padding:0;margin:0}.use-cases-list[data-astro-cid-7h7makbt] li[data-astro-cid-7h7makbt]{padding:0.5rem 0;color:#555;display:flex;align-items:start}.use-cases-list[data-astro-cid-7h7makbt] li[data-astro-cid-7h7makbt]:before{content:"✓";color:#1ABC9C;font-weight:bold;margin-right:0.75rem;flex-shrink:0}.pattern-code[data-astro-cid-7h7makbt]{background:#2c3e50;color:#ecf0f1;padding:1.5rem;border-radius:8px;font-family:"Courier New",monospace;font-size:0.9rem;overflow-x:auto}.code-comment[data-astro-cid-7h7makbt]{color:#95a5a6}.comparison-section[data-astro-cid-7h7makbt]{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px}.comparison-title[data-astro-cid-7h7makbt]{font-size:2rem;text-align:center;margin-bottom:2rem;color:#2c3e50}.comparison-grid[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.comparison-card[data-astro-cid-7h7makbt]{background:white;padding:2rem;border-radius:8px;text-align:center}.comparison-card[data-astro-cid-7h7makbt] h3[data-astro-cid-7h7makbt]{margin-bottom:1rem;color:#2c3e50}.comparison-card[data-astro-cid-7h7makbt] ul[data-astro-cid-7h7makbt]{list-style:none;padding:0;text-align:left}.comparison-card[data-astro-cid-7h7makbt] li[data-astro-cid-7h7makbt]{padding:0.5rem 0;color:#666}.enhancement-section[data-astro-cid-7h7makbt]{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f0f8ff 0%,#e6f2ff 100%);border-radius:12px}.enhancement-title[data-astro-cid-7h7makbt]{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#2c3e50}.enhancement-intro[data-astro-cid-7h7makbt]{text-align:center;color:#666;font-size:1.125rem;max-width:800px;margin:0 auto 3rem}.enhancement-demo[data-astro-cid-7h7makbt]{background:white;padding:2rem;border-radius:12px;margin-bottom:3rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.demo-title[data-astro-cid-7h7makbt]{font-size:1.75rem;margin-bottom:0.5rem;color:#2c3e50}.demo-description[data-astro-cid-7h7makbt]{color:#666;margin-bottom:2rem;line-height:1.6}.blend-mode-grid[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.blend-mode-card[data-astro-cid-7h7makbt]{background:#f8f9fa;border-radius:8px;overflow:hidden;transition:transform 0.3s ease}.blend-mode-card[data-astro-cid-7h7makbt]:hover{transform:translateY(-4px)}.blend-mode-preview[data-astro-cid-7h7makbt]{position:relative;height:150px;background:linear-gradient(135deg,rgba(26,188,156,0.18) 0%,transparent 60%),linear-gradient(135deg,#1e4620 0%,#1e4620 100%)}.blend-mode-label[data-astro-cid-7h7makbt]{position:absolute;bottom:0.5rem;left:0.5rem;background:rgba(255,255,255,0.9);padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem;font-weight:600;color:#2c3e50}.blend-mode-code[data-astro-cid-7h7makbt]{display:block;padding:0.75rem;background:#2c3e50;color:#ecf0f1;font-family:"Courier New",monospace;font-size:0.875rem;text-align:center}.speed-comparison-grid[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.speed-card[data-astro-cid-7h7makbt]{background:#f8f9fa;border-radius:8px;overflow:hidden}.speed-preview[data-astro-cid-7h7makbt]{position:relative;height:200px;background:linear-gradient(135deg,rgba(26,188,156,0.18) 0%,transparent 60%),linear-gradient(135deg,#1e4620 0%,#1e4620 100%)}.speed-label[data-astro-cid-7h7makbt]{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.95);padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;color:#2c3e50}.speed-info[data-astro-cid-7h7makbt]{padding:1.5rem}.speed-info[data-astro-cid-7h7makbt] strong[data-astro-cid-7h7makbt]{display:block;font-size:1.125rem;margin-bottom:0.5rem;color:#2c3e50}.speed-info[data-astro-cid-7h7makbt] p[data-astro-cid-7h7makbt]{color:#666;margin-bottom:1rem;font-size:0.9375rem}.speed-info[data-astro-cid-7h7makbt] code[data-astro-cid-7h7makbt]{display:inline-block;background:#e9ecef;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem;color:#2c3e50}.dark-mode-comparison[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dark-mode-card[data-astro-cid-7h7makbt]{background:#f8f9fa;border-radius:8px;overflow:hidden}.dark-mode-preview[data-astro-cid-7h7makbt]{position:relative;height:200px;background:linear-gradient(135deg,rgba(26,188,156,0.18) 0%,transparent 60%),linear-gradient(135deg,#1e4620 0%,#1e4620 100%)}.dark-mode-preview[data-astro-cid-7h7makbt].light-bg{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%)}.dark-mode-preview[data-astro-cid-7h7makbt].dark-bg{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%)}.dark-mode-label[data-astro-cid-7h7makbt]{position:absolute;bottom:0.75rem;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.95);padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;color:#2c3e50}.dark-mode-info[data-astro-cid-7h7makbt]{padding:1.5rem}.dark-mode-info[data-astro-cid-7h7makbt] strong[data-astro-cid-7h7makbt]{display:block;font-size:1.125rem;margin-bottom:0.5rem;color:#2c3e50}.dark-mode-info[data-astro-cid-7h7makbt] p[data-astro-cid-7h7makbt]{color:#666;margin-bottom:1rem;font-size:0.9375rem}.dark-mode-info[data-astro-cid-7h7makbt] code[data-astro-cid-7h7makbt]{display:inline-block;background:#e9ecef;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem;color:#2c3e50}.mouse-attraction-comparison[data-astro-cid-7h7makbt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.attraction-card[data-astro-cid-7h7makbt]{background:#f8f9fa;border-radius:8px;overflow:hidden;transition:all 0.3s ease}.attraction-card[data-astro-cid-7h7makbt].highlight{border:3px solid #1ABC9C;box-shadow:0 4px 20px rgba(26,188,156,0.2)}.attraction-preview[data-astro-cid-7h7makbt]{position:relative;height:250px;background:linear-gradient(135deg,rgba(26,188,156,0.18) 0%,transparent 60%),linear-gradient(135deg,#1e4620 0%,#1e4620 100%)}.attraction-label[data-astro-cid-7h7makbt]{position:absolute;bottom:0.75rem;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.95);padding:0.75rem 1.5rem;border-radius:25px;font-size:0.875rem;font-weight:600;color:#2c3e50;white-space:nowrap}.attraction-info[data-astro-cid-7h7makbt]{padding:1.5rem}.attraction-info[data-astro-cid-7h7makbt] strong[data-astro-cid-7h7makbt]{display:block;font-size:1.125rem;margin-bottom:0.5rem;color:#2c3e50}.attraction-info[data-astro-cid-7h7makbt] p[data-astro-cid-7h7makbt]{color:#666;margin-bottom:1rem;font-size:0.9375rem}.attraction-info[data-astro-cid-7h7makbt] code[data-astro-cid-7h7makbt]{display:inline-block;background:#e9ecef;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem;color:#2c3e50}.best-practices[data-astro-cid-7h7makbt]{background:#fff8e1;padding:1.5rem;border-radius:8px;border-left:4px solid #f39c12;margin-top:2rem}.best-practices[data-astro-cid-7h7makbt] h4[data-astro-cid-7h7makbt]{margin-bottom:1rem;color:#2c3e50;font-size:1.125rem}.best-practices[data-astro-cid-7h7makbt] ul[data-astro-cid-7h7makbt]{list-style:none;padding:0;margin:0}.best-practices[data-astro-cid-7h7makbt] li[data-astro-cid-7h7makbt]{padding:0.5rem 0;color:#555;line-height:1.5}.best-practices[data-astro-cid-7h7makbt] li[data-astro-cid-7h7makbt] strong[data-astro-cid-7h7makbt]{color:#f39c12;font-weight:600}.props-reference[data-astro-cid-7h7makbt]{background:white;padding:2rem;border-radius:12px;margin-bottom:3rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.props-reference[data-astro-cid-7h7makbt] h3[data-astro-cid-7h7makbt]{font-size:1.75rem;margin-bottom:1.5rem;color:#2c3e50}.props-table[data-astro-cid-7h7makbt]{width:100%;border-collapse:collapse;font-size:0.9375rem}.props-table[data-astro-cid-7h7makbt] thead[data-astro-cid-7h7makbt]{background:#2c3e50;color:white}.props-table[data-astro-cid-7h7makbt] th[data-astro-cid-7h7makbt],.props-table[data-astro-cid-7h7makbt] td[data-astro-cid-7h7makbt]{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef}.props-table[data-astro-cid-7h7makbt] th[data-astro-cid-7h7makbt]{font-weight:600}.props-table[data-astro-cid-7h7makbt] code[data-astro-cid-7h7makbt]{background:#f8f9fa;padding:0.2rem 0.5rem;border-radius:3px;font-family:"Courier New",monospace;font-size:0.875rem;color:#e83e8c}.props-table[data-astro-cid-7h7makbt] tbody[data-astro-cid-7h7makbt] tr[data-astro-cid-7h7makbt]:hover{background:#f8f9fa}.code-examples[data-astro-cid-7h7makbt]{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.code-examples[data-astro-cid-7h7makbt] h3[data-astro-cid-7h7makbt]{font-size:1.75rem;margin-bottom:1.5rem;color:#2c3e50}.example-card[data-astro-cid-7h7makbt]{margin-bottom:2rem}.example-card[data-astro-cid-7h7makbt]:last-child{margin-bottom:0}.example-card[data-astro-cid-7h7makbt] h4[data-astro-cid-7h7makbt]{font-size:1.25rem;margin-bottom:1rem;color:#2c3e50}@media (max-width: 768px){.intro[data-astro-cid-7h7makbt] h1[data-astro-cid-7h7makbt]{font-size:2rem}.pattern-preview[data-astro-cid-7h7makbt]{height:300px}.pattern-preview[data-astro-cid-7h7makbt] h2[data-astro-cid-7h7makbt]{font-size:1.75rem}.pattern-specs[data-astro-cid-7h7makbt]{grid-template-columns:1fr}.enhancement-title[data-astro-cid-7h7makbt]{font-size:2rem}.blend-mode-grid[data-astro-cid-7h7makbt]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.speed-comparison-grid[data-astro-cid-7h7makbt],.dark-mode-comparison[data-astro-cid-7h7makbt],.mouse-attraction-comparison[data-astro-cid-7h7makbt]{grid-template-columns:1fr}.props-table[data-astro-cid-7h7makbt]{font-size:0.875rem}.props-table[data-astro-cid-7h7makbt] th[data-astro-cid-7h7makbt],.props-table[data-astro-cid-7h7makbt] td[data-astro-cid-7h7makbt]{padding:0.75rem 0.5rem}.enhancement-section[data-astro-cid-7h7makbt],.comparison-section[data-astro-cid-7h7makbt]{padding:2rem 1.5rem}}