.grid-module__ZPsdrW__toolHeader{text-align:center;margin-bottom:2rem}.grid-module__ZPsdrW__toolTitle{margin-bottom:1rem;font-size:2.5rem}.grid-module__ZPsdrW__toolDescription{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem}.grid-module__ZPsdrW__workspace{grid-template-columns:350px 1fr;gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}@media (max-width:768px){.grid-module__ZPsdrW__workspace{grid-template-columns:1fr}}.grid-module__ZPsdrW__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}.grid-module__ZPsdrW__sliderGroup{flex-direction:column;gap:.5rem;display:flex}.grid-module__ZPsdrW__labelRow{justify-content:space-between;align-items:center;display:flex}.grid-module__ZPsdrW__label{color:var(--text-primary);font-size:.95rem;font-weight:600}.grid-module__ZPsdrW__value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.85rem}.grid-module__ZPsdrW__slider{appearance:none;background:var(--border-color);border-radius:3px;outline:none;width:100%;height:6px}.grid-module__ZPsdrW__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.grid-module__ZPsdrW__previewPanel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:2rem;padding:2rem;display:flex}.grid-module__ZPsdrW__gridContainer{background-color:#f1f5f9;border:2px dashed #94a3b8;border-radius:.5rem;min-height:400px;transition:all .3s;overflow:hidden}.grid-module__ZPsdrW__gridItem{background-color:var(--accent-primary);color:#fff;border-radius:.25rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.grid-module__ZPsdrW__gridItem:nth-child(2n){background-color:#ec4899}.grid-module__ZPsdrW__gridItem:nth-child(3n){background-color:#10b981}.grid-module__ZPsdrW__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}.grid-module__ZPsdrW__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}.grid-module__ZPsdrW__copyBtn:hover{background-color:#fff3}