.tool-header[data-astro-cid-pfindfc7]{margin-bottom:2rem}.preview-card[data-astro-cid-pfindfc7]{width:100%;height:240px;border-radius:12px;border:1px solid var(--color-border);background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.preview-label[data-astro-cid-pfindfc7]{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-pfindfc7]{border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;background:var(--color-bg);margin-bottom:1.5rem}.config-section[data-astro-cid-pfindfc7]{margin-bottom:1.25rem}.config-section[data-astro-cid-pfindfc7]:last-child{margin-bottom:0}.config-section-title[data-astro-cid-pfindfc7]{font-weight:600;font-size:.95rem;margin-bottom:.75rem}.type-grid[data-astro-cid-pfindfc7]{display:flex;gap:.5rem;flex-wrap:wrap}.type-btn[data-astro-cid-pfindfc7]{cursor:pointer;flex:1;min-width:80px}.type-btn[data-astro-cid-pfindfc7] input[data-astro-cid-pfindfc7]{display:none}.type-btn[data-astro-cid-pfindfc7] span[data-astro-cid-pfindfc7]{display:block;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:8px;text-align:center;font-size:.9rem;transition:all .2s}.type-btn[data-astro-cid-pfindfc7] input[data-astro-cid-pfindfc7]:checked+span[data-astro-cid-pfindfc7]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.slider-row[data-astro-cid-pfindfc7]{display:flex;align-items:center;gap:1rem}.range-slider[data-astro-cid-pfindfc7]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none}.range-slider[data-astro-cid-pfindfc7]::-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}.slider-value[data-astro-cid-pfindfc7]{min-width:48px;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:.9rem;font-weight:500}.stops-list[data-astro-cid-pfindfc7]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.stop-row[data-astro-cid-pfindfc7]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stop-color[data-astro-cid-pfindfc7]{width:40px;height:40px;border:1px solid var(--color-border);border-radius:8px;padding:2px;cursor:pointer;background:none}.stop-position[data-astro-cid-pfindfc7]{flex:1;min-width:80px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none}.stop-position[data-astro-cid-pfindfc7]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0003}.stop-value[data-astro-cid-pfindfc7]{min-width:40px;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:.85rem}.stop-remove[data-astro-cid-pfindfc7]{padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.8rem;cursor:pointer;transition:all .2s}.stop-remove[data-astro-cid-pfindfc7]:hover{border-color:#ef4444;color:#ef4444}.preset-grid[data-astro-cid-pfindfc7]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.preset-swatch[data-astro-cid-pfindfc7]{aspect-ratio:2 / 1;border-radius:8px;border:1px solid var(--color-border);cursor:pointer;transition:transform .2s,box-shadow .2s}.preset-swatch[data-astro-cid-pfindfc7]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.code-block[data-astro-cid-pfindfc7]{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:.9rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin-bottom:1rem}.btn-primary[data-astro-cid-pfindfc7]{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-pfindfc7]:hover{opacity:.85}.btn-secondary[data-astro-cid-pfindfc7]{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-pfindfc7]:hover{border-color:var(--color-primary);color:var(--color-primary)}.info-section[data-astro-cid-pfindfc7]{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.info-section[data-astro-cid-pfindfc7] h2[data-astro-cid-pfindfc7]{font-size:1.25rem;margin-bottom:1rem}.info-section[data-astro-cid-pfindfc7] p[data-astro-cid-pfindfc7]{line-height:1.7;color:var(--color-text-secondary, #666)}.feature-list[data-astro-cid-pfindfc7]{list-style:none;padding:0;margin:0}.feature-list[data-astro-cid-pfindfc7] li[data-astro-cid-pfindfc7]{padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list[data-astro-cid-pfindfc7] li[data-astro-cid-pfindfc7]:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.faq-section[data-astro-cid-pfindfc7] .faq-list[data-astro-cid-pfindfc7]{display:flex;flex-direction:column;gap:.75rem}.faq-item[data-astro-cid-pfindfc7]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item[data-astro-cid-pfindfc7] summary[data-astro-cid-pfindfc7]{padding:1rem;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item[data-astro-cid-pfindfc7] summary[data-astro-cid-pfindfc7]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-pfindfc7] summary[data-astro-cid-pfindfc7]:after{content:"+";font-size:1.25rem;color:var(--color-text-secondary)}.faq-item[data-astro-cid-pfindfc7][open] summary[data-astro-cid-pfindfc7]:after{content:"−"}.faq-item[data-astro-cid-pfindfc7] p[data-astro-cid-pfindfc7]{padding:0 1rem 1rem;margin:0;line-height:1.7;color:var(--color-text-secondary)}@media(max-width:640px){.preset-grid[data-astro-cid-pfindfc7]{grid-template-columns:repeat(2,1fr)}.type-grid[data-astro-cid-pfindfc7]{flex-direction:column}.stop-row[data-astro-cid-pfindfc7]{flex-wrap:wrap}.preview-card[data-astro-cid-pfindfc7]{height:180px}}