.tool-header[data-astro-cid-5kupfaiw]{margin-bottom:2rem}.preview-card[data-astro-cid-5kupfaiw]{width:100%;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);padding:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.preview-label[data-astro-cid-5kupfaiw]{position:absolute;top:.75rem;left:.75rem;background:#00000080;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;backdrop-filter:blur(4px);z-index:2}.svg-canvas[data-astro-cid-5kupfaiw]{width:100%;height:300px;display:block;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 20px 20px;border-radius:8px}.controls-card[data-astro-cid-5kupfaiw]{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-5kupfaiw]{margin-bottom:1.25rem}.config-section[data-astro-cid-5kupfaiw]:last-child{margin-bottom:0}.config-section-title[data-astro-cid-5kupfaiw]{font-weight:600;font-size:.95rem;margin-bottom:.75rem}.type-grid[data-astro-cid-5kupfaiw]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.type-btn[data-astro-cid-5kupfaiw]{cursor:pointer}.type-btn[data-astro-cid-5kupfaiw] input[data-astro-cid-5kupfaiw]{display:none}.type-btn[data-astro-cid-5kupfaiw] span[data-astro-cid-5kupfaiw]{display:block;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;text-align:center;font-size:.85rem;transition:all .2s}.type-btn[data-astro-cid-5kupfaiw] input[data-astro-cid-5kupfaiw]:checked+span[data-astro-cid-5kupfaiw]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.slider-row[data-astro-cid-5kupfaiw]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.slider-row[data-astro-cid-5kupfaiw]:last-child{margin-bottom:0}.range-slider[data-astro-cid-5kupfaiw]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none}.range-slider[data-astro-cid-5kupfaiw]::-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-5kupfaiw]{min-width:48px;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:.9rem;font-weight:500;text-align:right}.color-row[data-astro-cid-5kupfaiw]{display:flex;align-items:center;gap:1rem}.color-picker[data-astro-cid-5kupfaiw]{width:48px;height:40px;border:1px solid var(--color-border);border-radius:8px;padding:2px;cursor:pointer;background:none}.check-label[data-astro-cid-5kupfaiw]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.check-label[data-astro-cid-5kupfaiw] input[data-astro-cid-5kupfaiw]{cursor:pointer}.text-input[data-astro-cid-5kupfaiw]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:.9rem;background:var(--color-bg);color:var(--color-text);resize:vertical}.preset-tabs[data-astro-cid-5kupfaiw]{display:flex;gap:.5rem;margin-bottom:1rem}.preset-tab[data-astro-cid-5kupfaiw]{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .2s}.preset-tab[data-astro-cid-5kupfaiw].active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.preset-grid[data-astro-cid-5kupfaiw]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.preset-swatch[data-astro-cid-5kupfaiw]{aspect-ratio:2 / 1;border-radius:8px;border:1px solid var(--color-border);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt, #f5f5f5);overflow:hidden}.preset-swatch[data-astro-cid-5kupfaiw]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.code-block[data-astro-cid-5kupfaiw]{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-row[data-astro-cid-5kupfaiw]{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary[data-astro-cid-5kupfaiw]{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-5kupfaiw]:hover{opacity:.85}.btn-secondary[data-astro-cid-5kupfaiw]{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-5kupfaiw]:hover{border-color:var(--color-primary);color:var(--color-primary)}.info-section[data-astro-cid-5kupfaiw]{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.info-section[data-astro-cid-5kupfaiw] h2[data-astro-cid-5kupfaiw]{font-size:1.25rem;margin-bottom:1rem}.info-section[data-astro-cid-5kupfaiw] p[data-astro-cid-5kupfaiw]{line-height:1.7;color:var(--color-text-secondary, #666)}.feature-list[data-astro-cid-5kupfaiw]{list-style:none;padding:0;margin:0}.feature-list[data-astro-cid-5kupfaiw] li[data-astro-cid-5kupfaiw]{padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list[data-astro-cid-5kupfaiw] li[data-astro-cid-5kupfaiw]:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.faq-section[data-astro-cid-5kupfaiw] .faq-list[data-astro-cid-5kupfaiw]{display:flex;flex-direction:column;gap:.75rem}.faq-item[data-astro-cid-5kupfaiw]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item[data-astro-cid-5kupfaiw] summary[data-astro-cid-5kupfaiw]{padding:1rem;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item[data-astro-cid-5kupfaiw] summary[data-astro-cid-5kupfaiw]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-5kupfaiw] summary[data-astro-cid-5kupfaiw]:after{content:"+";font-size:1.25rem;color:var(--color-text-secondary)}.faq-item[data-astro-cid-5kupfaiw][open] summary[data-astro-cid-5kupfaiw]:after{content:"−"}.faq-item[data-astro-cid-5kupfaiw] p[data-astro-cid-5kupfaiw]{padding:0 1rem 1rem;margin:0;line-height:1.7;color:var(--color-text-secondary)}@media(max-width:640px){.type-grid[data-astro-cid-5kupfaiw],.preset-grid[data-astro-cid-5kupfaiw]{grid-template-columns:repeat(2,1fr)}.slider-row[data-astro-cid-5kupfaiw]{gap:.5rem}.color-row[data-astro-cid-5kupfaiw]{flex-wrap:wrap}.btn-row[data-astro-cid-5kupfaiw]{flex-direction:column}.btn-row[data-astro-cid-5kupfaiw] .btn-primary[data-astro-cid-5kupfaiw],.btn-row[data-astro-cid-5kupfaiw] .btn-secondary[data-astro-cid-5kupfaiw]{width:100%;text-align:center}.svg-canvas[data-astro-cid-5kupfaiw]{height:200px}}