.CssGridGenerator_root__Racrc{width:100%}.CssGridGenerator_workspace__p0WTT{display:grid;grid-template-columns:360px 1fr;grid-gap:0;gap:0;min-height:600px;background:#f9fafb}.CssGridGenerator_panel__cMjlY{background:#fff;border-right:1px solid #e5e7eb;padding:24px 20px;display:flex;flex-direction:column;gap:28px;overflow-y:auto}.CssGridGenerator_rightCol__M1ZPm{padding:24px 20px;display:flex;flex-direction:column;gap:24px}.CssGridGenerator_section__JWzaT{display:flex;flex-direction:column;gap:10px}.CssGridGenerator_sectionTitle__52TAW{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0}.CssGridGenerator_sectionHeader__Of54T{display:flex;align-items:center;justify-content:space-between}.CssGridGenerator_row__UpOgy{display:flex;align-items:center;gap:8px}.CssGridGenerator_label__SX2Tl{font-size:.75rem;color:#374151;font-family:Menlo,Monaco,Courier New,monospace;width:136px;flex-shrink:0}.CssGridGenerator_textInput__FHkoq{flex:1 1;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-family:Menlo,Monaco,Courier New,monospace;color:#111827;background:#fff;min-width:0}.CssGridGenerator_textInput__FHkoq:focus{outline:none;border-color:#6366f1}.CssGridGenerator_select__pdYQC{flex:1 1;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.82rem;background:#fff;color:#111827;cursor:pointer}.CssGridGenerator_select__pdYQC:focus{outline:none;border-color:#6366f1}.CssGridGenerator_chips__RPT6j{display:flex;flex-wrap:wrap;gap:5px;padding-left:0;margin-top:-2px}.CssGridGenerator_chip__FcBKh{padding:3px 8px;border:1px solid #e5e7eb;border-radius:20px;font-size:.68rem;font-family:Menlo,Monaco,Courier New,monospace;color:#6b7280;background:#fff;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.CssGridGenerator_chip__FcBKh:hover{border-color:#6366f1;color:#6366f1}.CssGridGenerator_chipActive___oCOt{border-color:#6366f1;background:#eef2ff;color:#6366f1}.CssGridGenerator_gapRow__C26RM{display:flex;flex-direction:column;gap:8px}.CssGridGenerator_numWrap__QesMe{flex:1 1;display:flex;align-items:center;gap:4px;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff}.CssGridGenerator_numInput__ubJH8{flex:1 1;padding:6px 8px;border:none;font-size:.82rem;color:#111827;min-width:0;outline:none}.CssGridGenerator_unit__2yvrJ{padding:0 8px 0 0;font-size:.75rem;color:#9ca3af}.CssGridGenerator_addBtn__9LUMj{padding:4px 12px;border:1px solid #6366f1;border-radius:6px;font-size:.78rem;font-weight:600;color:#6366f1;background:#fff;cursor:pointer;transition:background .15s,color .15s}.CssGridGenerator_addBtn__9LUMj:hover:not(:disabled){background:#6366f1;color:#fff}.CssGridGenerator_addBtn__9LUMj:disabled{opacity:.4;cursor:not-allowed}.CssGridGenerator_itemList__2t3Wb{display:flex;flex-direction:column;gap:10px}.CssGridGenerator_itemCard__zRORm{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fafafa}.CssGridGenerator_itemTop__PngeF{display:flex;align-items:center;gap:8px;margin-bottom:8px}.CssGridGenerator_itemSwatch__aA5iE{width:12px;height:12px;border-radius:3px;flex-shrink:0}.CssGridGenerator_itemLabel__guvwP{font-size:.8rem;font-weight:600;color:#111827;flex:1 1}.CssGridGenerator_removeBtn__Ol5Lf{width:22px;height:22px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#9ca3af;font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,color .15s}.CssGridGenerator_removeBtn__Ol5Lf:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.CssGridGenerator_removeBtn__Ol5Lf:disabled{opacity:.3;cursor:not-allowed}.CssGridGenerator_itemFields__40Zey{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.CssGridGenerator_field__HfDRj{display:flex;flex-direction:column;gap:3px}.CssGridGenerator_field__HfDRj label{font-size:.68rem;color:#6b7280;font-family:Menlo,Monaco,Courier New,monospace}.CssGridGenerator_field__HfDRj input,.CssGridGenerator_field__HfDRj select{padding:5px 7px;border:1px solid #d1d5db;border-radius:5px;font-size:.8rem;background:#fff;color:#111827;width:100%;box-sizing:border-box}.CssGridGenerator_field__HfDRj input:focus,.CssGridGenerator_field__HfDRj select:focus{outline:none;border-color:#6366f1}.CssGridGenerator_previewOuter__Fs80e{border:2px dashed #d1d5db;border-radius:10px;padding:16px;background:#f9fafb;min-height:160px}.CssGridGenerator_gridContainer__r0ErO{min-height:120px;width:100%}.CssGridGenerator_gridItem__4lRK_{min-width:32px;min-height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;padding:8px;box-sizing:border-box}.CssGridGenerator_outputHeader__fPZMh{display:flex;align-items:center;justify-content:space-between}.CssGridGenerator_copyBtn__tYhpE{padding:6px 16px;border:1px solid #6366f1;border-radius:6px;font-size:.82rem;font-weight:600;color:#6366f1;background:#fff;cursor:pointer;transition:background .15s,color .15s}.CssGridGenerator_copyBtn__tYhpE:hover{background:#6366f1;color:#fff}.CssGridGenerator_copyBtn__tYhpE.CssGridGenerator_copied__BLdwo{background:#10b981;border-color:#10b981;color:#fff}.CssGridGenerator_codeBlock__nONNX{background:#1e1e2e;color:#cdd6f4;border-radius:10px;padding:20px;font-size:.8rem;font-family:Menlo,Monaco,Courier New,monospace;line-height:1.7;overflow-x:auto;white-space:pre;margin:0}@media (max-width:900px){.CssGridGenerator_workspace__p0WTT{grid-template-columns:1fr}.CssGridGenerator_panel__cMjlY{border-right:none;border-bottom:1px solid #e5e7eb}}@media (max-width:480px){.CssGridGenerator_itemFields__40Zey{grid-template-columns:1fr}.CssGridGenerator_gapRow__C26RM{flex-direction:column}}