.generator-layout[data-astro-cid-flmeey25]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.controls-panel[data-astro-cid-flmeey25]{background:var(--color-surface);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border)}.control-group[data-astro-cid-flmeey25]{margin-bottom:1.25rem}.control-label[data-astro-cid-flmeey25]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem}.style-options[data-astro-cid-flmeey25]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-flmeey25],.shape-btn[data-astro-cid-flmeey25]{padding:.5rem 1rem;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.style-btn[data-astro-cid-flmeey25]:hover,.shape-btn[data-astro-cid-flmeey25]:hover{border-color:var(--color-primary)}.style-btn[data-astro-cid-flmeey25].active,.shape-btn[data-astro-cid-flmeey25].active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.control-row[data-astro-cid-flmeey25]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-select[data-astro-cid-flmeey25]{width:100%;padding:.5rem;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem}.color-input[data-astro-cid-flmeey25]{width:100%;height:40px;border:2px solid var(--color-border);border-radius:6px;cursor:pointer}.number-input[data-astro-cid-flmeey25]{width:100%;padding:.5rem;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem}.checkbox-group[data-astro-cid-flmeey25]{display:flex;align-items:center}.checkbox-label[data-astro-cid-flmeey25]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.checkbox-label[data-astro-cid-flmeey25] input[data-astro-cid-flmeey25][type=checkbox]{width:18px;height:18px;cursor:pointer}.preview-panel[data-astro-cid-flmeey25]{background:var(--color-surface);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border)}.preview-panel[data-astro-cid-flmeey25] h3[data-astro-cid-flmeey25]{margin:0 0 .25rem}.preview-hint[data-astro-cid-flmeey25]{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1rem}.preview-container[data-astro-cid-flmeey25]{background:#fff;border-radius:8px;padding:2rem;min-height:120px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);margin-bottom:1rem}.slider-wrapper[data-astro-cid-flmeey25]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:300px}.slider-wrapper[data-astro-cid-flmeey25].vertical{height:200px;width:60px}.range-tooltip[data-astro-cid-flmeey25]{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .2s}.range-tooltip[data-astro-cid-flmeey25]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.slider-wrapper[data-astro-cid-flmeey25].vertical .range-tooltip[data-astro-cid-flmeey25]{top:50%;left:50px;transform:translateY(-50%)}.slider-wrapper[data-astro-cid-flmeey25].vertical .range-tooltip[data-astro-cid-flmeey25]:after{top:50%;left:-10px;transform:translateY(-50%);border:5px solid transparent;border-right-color:#333;border-top-color:transparent}.code-section[data-astro-cid-flmeey25]{display:flex;flex-direction:column;gap:1rem}.code-block[data-astro-cid-flmeey25]{background:#1e293b;border-radius:8px;overflow:hidden}.code-header[data-astro-cid-flmeey25]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0f172a;color:#e2e8f0;font-size:.85rem;font-weight:600}.code-block[data-astro-cid-flmeey25] pre[data-astro-cid-flmeey25]{margin:0;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.5;color:#e2e8f0;max-height:200px;overflow-y:auto}.code-block[data-astro-cid-flmeey25] code[data-astro-cid-flmeey25]{font-family:Fira Code,Monaco,monospace}.copy-btn[data-astro-cid-flmeey25]{padding:.4rem .8rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.copy-btn[data-astro-cid-flmeey25]:hover{opacity:.9}.custom-range[data-astro-cid-flmeey25]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#4a90d9 0% 50%,#ddd 50% 100%);outline:none;cursor:pointer}.custom-range[data-astro-cid-flmeey25]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4a90d9;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0003}.custom-range[data-astro-cid-flmeey25]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4a90d9;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0003}.custom-range[data-astro-cid-flmeey25]::-moz-range-track{height:8px;border-radius:4px;background:#ddd}.size-small[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]{height:6px}.size-small[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-webkit-slider-thumb{width:16px;height:16px}.size-small[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-moz-range-thumb{width:16px;height:16px}.size-large[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]{height:12px}.size-large[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-webkit-slider-thumb{width:28px;height:28px}.size-large[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-moz-range-thumb{width:28px;height:28px}.shape-square[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-webkit-slider-thumb{border-radius:4px}.shape-square[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-moz-range-thumb{border-radius:4px}.shape-diamond[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-webkit-slider-thumb{border-radius:2px;transform:rotate(45deg)}.shape-diamond[data-astro-cid-flmeey25] .custom-range[data-astro-cid-flmeey25]::-moz-range-thumb{border-radius:2px}.slider-wrapper[data-astro-cid-flmeey25].vertical .custom-range[data-astro-cid-flmeey25]{transform:rotate(-90deg);width:160px}@media(max-width:768px){.generator-layout[data-astro-cid-flmeey25]{grid-template-columns:1fr}}