#preview-container .scroll-content::-webkit-scrollbar{width:12px}#preview-container .scroll-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}#preview-container .scroll-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px}#preview-container .scroll-content::-webkit-scrollbar-thumb:hover{background:#64748b}.tool-header[data-astro-cid-wtocxjfk]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-wtocxjfk] h1[data-astro-cid-wtocxjfk]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-wtocxjfk] p[data-astro-cid-wtocxjfk]{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.presets-bar[data-astro-cid-wtocxjfk]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:1rem;background:var(--color-surface);border-radius:8px}.presets-label[data-astro-cid-wtocxjfk]{font-weight:600;color:var(--color-text)}.preset-buttons[data-astro-cid-wtocxjfk]{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn[data-astro-cid-wtocxjfk]{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.preset-btn[data-astro-cid-wtocxjfk]:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-btn[data-astro-cid-wtocxjfk].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.generator-layout[data-astro-cid-wtocxjfk]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.generator-layout[data-astro-cid-wtocxjfk]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-wtocxjfk]{display:flex;flex-direction:column;gap:1rem}.control-section[data-astro-cid-wtocxjfk]{background:var(--color-surface);border-radius:8px;padding:1rem}.section-title[data-astro-cid-wtocxjfk]{font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.width-input[data-astro-cid-wtocxjfk],.radius-input[data-astro-cid-wtocxjfk]{display:flex;flex-direction:column;gap:.5rem}.width-input[data-astro-cid-wtocxjfk] label[data-astro-cid-wtocxjfk],.radius-input[data-astro-cid-wtocxjfk] label[data-astro-cid-wtocxjfk]{font-size:.9rem;color:var(--color-text-secondary)}input[data-astro-cid-wtocxjfk][type=range]{width:100%}.num-input[data-astro-cid-wtocxjfk]{width:60px;padding:.4rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.9rem}.color-controls[data-astro-cid-wtocxjfk]{display:flex;flex-direction:column;gap:.75rem}.color-input[data-astro-cid-wtocxjfk]{display:flex;align-items:center;gap:.75rem}.color-input[data-astro-cid-wtocxjfk] label[data-astro-cid-wtocxjfk]{font-size:.9rem;color:var(--color-text-secondary);min-width:120px}input[data-astro-cid-wtocxjfk][type=color]{width:40px;height:40px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:0}.hex-input[data-astro-cid-wtocxjfk]{width:80px;padding:.4rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;text-transform:uppercase}.preview-panel[data-astro-cid-wtocxjfk]{background:var(--color-surface);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.preview-container[data-astro-cid-wtocxjfk]{flex:1;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;min-height:300px}.scroll-content[data-astro-cid-wtocxjfk]{height:300px;overflow-y:auto;padding:1rem;line-height:1.6}.scroll-content[data-astro-cid-wtocxjfk] p[data-astro-cid-wtocxjfk]{margin-bottom:1rem}.output-section[data-astro-cid-wtocxjfk]{background:var(--color-surface);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.code-block[data-astro-cid-wtocxjfk]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:1rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;color:var(--color-text);min-height:120px}.output-actions[data-astro-cid-wtocxjfk]{display:flex;gap:.75rem;margin-top:1rem}.btn-secondary[data-astro-cid-wtocxjfk]{padding:.6rem 1.2rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-secondary[data-astro-cid-wtocxjfk]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.info-section[data-astro-cid-wtocxjfk]{background:var(--color-surface);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.info-section[data-astro-cid-wtocxjfk] h2[data-astro-cid-wtocxjfk]{font-size:1.5rem;margin-bottom:1rem}.info-section[data-astro-cid-wtocxjfk] p[data-astro-cid-wtocxjfk]{line-height:1.6;color:var(--color-text-secondary)}.feature-list[data-astro-cid-wtocxjfk]{list-style:disc;padding-left:1.5rem}.feature-list[data-astro-cid-wtocxjfk] li[data-astro-cid-wtocxjfk]{margin-bottom:.5rem;color:var(--color-text-secondary)}.faq-list[data-astro-cid-wtocxjfk]{display:flex;flex-direction:column;gap:1rem}.faq-item[data-astro-cid-wtocxjfk] h3[data-astro-cid-wtocxjfk]{font-size:1.1rem;margin-bottom:.5rem}.faq-item[data-astro-cid-wtocxjfk] p[data-astro-cid-wtocxjfk]{color:var(--color-text-secondary);line-height:1.6}