.flexbox-module__DDA_rG__toolHeader{text-align:center;margin-bottom:2rem}.flexbox-module__DDA_rG__toolTitle{margin-bottom:1rem;font-size:2.5rem}.flexbox-module__DDA_rG__toolDescription{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem}.flexbox-module__DDA_rG__workspace{grid-template-columns:350px 1fr;gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}@media (max-width:768px){.flexbox-module__DDA_rG__workspace{grid-template-columns:1fr}}.flexbox-module__DDA_rG__controlsPanel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.flexbox-module__DDA_rG__controlGroup{flex-direction:column;gap:.5rem;display:flex}.flexbox-module__DDA_rG__label{color:var(--text-primary);font-size:.95rem;font-weight:600}.flexbox-module__DDA_rG__select{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem;font-size:1rem}.flexbox-module__DDA_rG__sliderGroup{flex-direction:column;gap:.5rem;display:flex}.flexbox-module__DDA_rG__slider{appearance:none;background:var(--border-color);border-radius:3px;outline:none;width:100%;height:6px}.flexbox-module__DDA_rG__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.flexbox-module__DDA_rG__previewPanel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:2rem;padding:2rem;display:flex}.flexbox-module__DDA_rG__flexContainer{background-color:#f1f5f9;border:2px dashed #94a3b8;border-radius:.5rem;min-height:400px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.flexbox-module__DDA_rG__flexItem{background-color:var(--accent-primary);color:#fff;border-radius:.25rem;justify-content:center;align-items:center;min-width:60px;min-height:60px;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.flexbox-module__DDA_rG__flexItem:nth-child(2n){background-color:#ec4899}.flexbox-module__DDA_rG__flexItem:nth-child(3n){background-color:#10b981}.flexbox-module__DDA_rG__codeBlock{color:#e2e8f0;background-color:#1e293b;border-radius:.5rem;padding:1.5rem;font-family:monospace;font-size:.9rem;line-height:1.5;position:relative;overflow-x:auto}.flexbox-module__DDA_rG__copyBtn{color:#fff;cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff1a;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.flexbox-module__DDA_rG__copyBtn:hover{background-color:#fff3}