.preview-card[data-astro-cid-3kzywegy]{width:100%;height:260px;border-radius:12px;border:1px solid var(--color-border);display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden;background:#e2e8f0}.preview-label[data-astro-cid-3kzywegy]{background:#00000080;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;backdrop-filter:blur(4px)}.controls-card[data-astro-cid-3kzywegy]{border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;background:var(--color-bg);margin-bottom:1.5rem}.control-row[data-astro-cid-3kzywegy]{margin-bottom:1rem}.control-row[data-astro-cid-3kzywegy] label[data-astro-cid-3kzywegy]{display:block;font-weight:500;margin-bottom:.4rem;font-size:.9rem}.control-row[data-astro-cid-3kzywegy] label[data-astro-cid-3kzywegy] span[data-astro-cid-3kzywegy]{font-weight:400;color:var(--color-text-secondary, #64748b);margin-left:.3rem}.pattern-grid[data-astro-cid-3kzywegy]{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.pattern-btn[data-astro-cid-3kzywegy]{padding:.5rem .4rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);cursor:pointer;font-size:.85rem;transition:all .2s}.pattern-btn[data-astro-cid-3kzywegy]:hover{border-color:var(--color-primary)}.pattern-btn[data-astro-cid-3kzywegy].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.color-row[data-astro-cid-3kzywegy]{display:flex;gap:.5rem;align-items:center}.color-row[data-astro-cid-3kzywegy] input[data-astro-cid-3kzywegy][type=color]{width:44px;height:36px;border:none;border-radius:6px;cursor:pointer;padding:0}.text-input[data-astro-cid-3kzywegy]{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;background:var(--color-bg);color:var(--color-text)}.text-input[data-astro-cid-3kzywegy].short{width:100px;flex:none}.range-slider[data-astro-cid-3kzywegy]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none}.range-slider[data-astro-cid-3kzywegy]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0003}.preset-grid[data-astro-cid-3kzywegy]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.preset-btn[data-astro-cid-3kzywegy]{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn[data-astro-cid-3kzywegy]:hover{border-color:var(--color-primary);color:var(--color-primary)}.code-block[data-astro-cid-3kzywegy]{background:var(--color-bg-alt, #f5f5f5);border:1px solid var(--color-border);border-radius:8px;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin-bottom:1rem}.btn-primary[data-astro-cid-3kzywegy]{padding:.6rem 1.2rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.95rem;cursor:pointer;transition:opacity .2s}.btn-primary[data-astro-cid-3kzywegy]:hover{opacity:.85}.btn-secondary[data-astro-cid-3kzywegy]{padding:.6rem 1.2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s}.btn-secondary[data-astro-cid-3kzywegy]:hover{border-color:var(--color-primary);color:var(--color-primary)}.info-section[data-astro-cid-3kzywegy]{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.info-section[data-astro-cid-3kzywegy] h2[data-astro-cid-3kzywegy]{font-size:1.25rem;margin-bottom:1rem}.feature-list[data-astro-cid-3kzywegy]{list-style:none;padding:0;margin:0}.feature-list[data-astro-cid-3kzywegy] li[data-astro-cid-3kzywegy]{padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list[data-astro-cid-3kzywegy] li[data-astro-cid-3kzywegy]:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.faq-section[data-astro-cid-3kzywegy] .faq-list[data-astro-cid-3kzywegy]{display:flex;flex-direction:column;gap:.75rem}.faq-item[data-astro-cid-3kzywegy]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item[data-astro-cid-3kzywegy] summary[data-astro-cid-3kzywegy]{padding:1rem;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item[data-astro-cid-3kzywegy] summary[data-astro-cid-3kzywegy]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-3kzywegy] summary[data-astro-cid-3kzywegy]:after{content:"+";font-size:1.25rem;color:var(--color-text-secondary)}.faq-item[data-astro-cid-3kzywegy][open] summary[data-astro-cid-3kzywegy]:after{content:"−"}.faq-item[data-astro-cid-3kzywegy] p[data-astro-cid-3kzywegy]{padding:0 1rem 1rem;margin:0;line-height:1.7;color:var(--color-text-secondary)}@media(max-width:640px){.pattern-grid[data-astro-cid-3kzywegy],.preset-grid[data-astro-cid-3kzywegy]{grid-template-columns:repeat(2,1fr)}.preview-card[data-astro-cid-3kzywegy]{height:180px}}