.tool-header[data-astro-cid-gui5iyoz]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-gui5iyoz] h1[data-astro-cid-gui5iyoz]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-gui5iyoz] p[data-astro-cid-gui5iyoz]{color:#888}.tool-layout[data-astro-cid-gui5iyoz]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.tool-layout[data-astro-cid-gui5iyoz]{grid-template-columns:1fr}}.controls-section[data-astro-cid-gui5iyoz]{display:flex;flex-direction:column;gap:1rem}.control-group[data-astro-cid-gui5iyoz]{display:flex;flex-direction:column;gap:.5rem}.control-group[data-astro-cid-gui5iyoz] label[data-astro-cid-gui5iyoz]{font-weight:500;font-size:.9rem}.control-group[data-astro-cid-gui5iyoz] input[data-astro-cid-gui5iyoz][type=text]{padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem}.toggle-group[data-astro-cid-gui5iyoz]{display:flex;gap:.5rem}.type-btn[data-astro-cid-gui5iyoz]{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:.375rem;cursor:pointer;font-size:.9rem}.type-btn[data-astro-cid-gui5iyoz].active{background:#6366f1;color:#fff;border-color:#6366f1}.colors-row[data-astro-cid-gui5iyoz]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.color-input[data-astro-cid-gui5iyoz]{display:flex;flex-direction:column;gap:.25rem}.color-input[data-astro-cid-gui5iyoz] input[data-astro-cid-gui5iyoz][type=color]{width:100%;height:40px;border:1px solid #ddd;border-radius:.375rem;cursor:pointer}.color-value[data-astro-cid-gui5iyoz]{font-size:.8rem;color:#666;font-family:monospace}.value-display[data-astro-cid-gui5iyoz]{font-size:.85rem;color:#666;font-weight:500}.preset-grid[data-astro-cid-gui5iyoz]{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.preset-btn[data-astro-cid-gui5iyoz]{height:32px;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:transform .2s}.preset-btn[data-astro-cid-gui5iyoz]:hover{transform:scale(1.1);border-color:#6366f1}.slider-row[data-astro-cid-gui5iyoz]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actions[data-astro-cid-gui5iyoz]{display:flex;gap:.75rem;margin-top:.5rem}.btn-primary[data-astro-cid-gui5iyoz]{padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500}.btn-secondary[data-astro-cid-gui5iyoz]{padding:.75rem 1.5rem;background:#e5e7eb;color:#374151;border:none;border-radius:.5rem;cursor:pointer;font-weight:500}.preview-section[data-astro-cid-gui5iyoz]{display:flex;flex-direction:column;gap:1.5rem}.preview-card[data-astro-cid-gui5iyoz],.code-card[data-astro-cid-gui5iyoz]{border:1px solid #eee;border-radius:.75rem;overflow:hidden}.preview-label[data-astro-cid-gui5iyoz]{padding:.75rem 1rem;background:#f9fafb;font-weight:500;font-size:.85rem;border-bottom:1px solid #eee}.preview-area[data-astro-cid-gui5iyoz]{padding:3rem 2rem;display:flex;align-items:center;justify-content:center;min-height:200px;background:#fff}.gradient-text[data-astro-cid-gui5iyoz]{margin:0;line-height:1.2;text-align:center}.code-header[data-astro-cid-gui5iyoz]{padding:.75rem 1rem;background:#f9fafb;font-weight:500;font-size:.85rem;border-bottom:1px solid #eee}.code-card[data-astro-cid-gui5iyoz] pre[data-astro-cid-gui5iyoz]{margin:0;padding:1rem;background:#1e1e2e;color:#cdd6f4;font-size:.85rem;overflow-x:auto}.code-card[data-astro-cid-gui5iyoz] code[data-astro-cid-gui5iyoz]{font-family:Fira Code,Consolas,monospace}@media(prefers-color-scheme:dark){.control-group[data-astro-cid-gui5iyoz] input[data-astro-cid-gui5iyoz][type=text]{background:#2a2a3c;border-color:#444;color:#fff}.type-btn[data-astro-cid-gui5iyoz]{background:#2a2a3c;border-color:#444;color:#eee}.type-btn[data-astro-cid-gui5iyoz].active{background:#6366f1;color:#fff;border-color:#6366f1}.color-input[data-astro-cid-gui5iyoz] input[data-astro-cid-gui5iyoz][type=color],.preview-card[data-astro-cid-gui5iyoz],.code-card[data-astro-cid-gui5iyoz]{border-color:#444}.preview-label[data-astro-cid-gui5iyoz],.code-header[data-astro-cid-gui5iyoz]{background:#2a2a3c;border-color:#444}.preview-area[data-astro-cid-gui5iyoz]{background:#1e1e2e}}