.tool-header[data-astro-cid-uf3zhbl7]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-uf3zhbl7] h1[data-astro-cid-uf3zhbl7]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-uf3zhbl7] p[data-astro-cid-uf3zhbl7]{color:var(--text-secondary);max-width:600px;margin:0 auto}.generator-layout[data-astro-cid-uf3zhbl7]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.generator-layout[data-astro-cid-uf3zhbl7]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-uf3zhbl7]{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.control-group[data-astro-cid-uf3zhbl7]{margin-bottom:1.25rem}.control-header[data-astro-cid-uf3zhbl7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.control-label[data-astro-cid-uf3zhbl7]{font-weight:500;font-size:.9rem}.value-display[data-astro-cid-uf3zhbl7]{font-size:.85rem;color:var(--text-secondary);font-family:monospace;background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px}.control-slider[data-astro-cid-uf3zhbl7]{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.control-slider[data-astro-cid-uf3zhbl7]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.control-slider[data-astro-cid-uf3zhbl7]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.color-picker[data-astro-cid-uf3zhbl7]{width:100%;height:40px;border:none;border-radius:6px;cursor:pointer}.control-row[data-astro-cid-uf3zhbl7]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.presets-section[data-astro-cid-uf3zhbl7]{margin-bottom:1.5rem}.preset-buttons[data-astro-cid-uf3zhbl7]{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn[data-astro-cid-uf3zhbl7]{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:6px;background:var(--btn-secondary-bg);color:var(--text-color);cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn[data-astro-cid-uf3zhbl7]:hover{border-color:var(--primary);background:var(--primary-10)}.preset-btn[data-astro-cid-uf3zhbl7]:active{transform:scale(.95)}.style-options[data-astro-cid-uf3zhbl7]{display:flex;gap:.5rem}.style-btn[data-astro-cid-uf3zhbl7]{padding:.4rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--btn-secondary-bg);color:var(--text-color);cursor:pointer;font-size:.85rem;transition:all .2s;flex:1}.style-btn[data-astro-cid-uf3zhbl7]:hover{border-color:var(--primary)}.style-btn[data-astro-cid-uf3zhbl7].active{background:var(--primary);color:#fff;border-color:var(--primary)}.control-actions[data-astro-cid-uf3zhbl7]{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.reset-btn[data-astro-cid-uf3zhbl7]{width:100%;padding:.6rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-color);cursor:pointer;font-size:.9rem;transition:all .2s}.reset-btn[data-astro-cid-uf3zhbl7]:hover{background:var(--border-color)}.preview-panel[data-astro-cid-uf3zhbl7]{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.preview-section[data-astro-cid-uf3zhbl7] h3[data-astro-cid-uf3zhbl7]{margin-bottom:.25rem}.preview-hint[data-astro-cid-uf3zhbl7]{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.preview-area[data-astro-cid-uf3zhbl7]{min-height:250px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem}#preview-box[data-astro-cid-uf3zhbl7]{padding:2rem 3rem;background:var(--card-bg);border-radius:12px;font-size:1.25rem;font-weight:600;color:var(--text-color);border:1px solid var(--border-color);transition:box-shadow .1s ease}.code-section[data-astro-cid-uf3zhbl7] h3[data-astro-cid-uf3zhbl7]{margin-bottom:.75rem}.code-output[data-astro-cid-uf3zhbl7]{background:var(--bg-secondary);border-radius:8px;padding:1rem;position:relative}.code-output[data-astro-cid-uf3zhbl7] pre[data-astro-cid-uf3zhbl7]{margin:0;padding:0;background:none;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;color:var(--text-color);overflow-x:auto}.copy-btn[data-astro-cid-uf3zhbl7]{margin-top:.75rem;width:100%;padding:.6rem;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.copy-btn[data-astro-cid-uf3zhbl7]:hover{opacity:.9}.copy-btn[data-astro-cid-uf3zhbl7]:active{transform:scale(.98)}