.styles-module__5SpwbG__container{max-width:900px;margin:0 auto;padding:40px 20px}.styles-module__5SpwbG__header{text-align:center;margin-bottom:40px}.styles-module__5SpwbG__icon{color:#f28444;margin-bottom:16px}.styles-module__5SpwbG__title{background:linear-gradient(135deg,#f28444 0%,#9fa0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:800}.styles-module__5SpwbG__description{color:#666;font-size:1.1rem}.styles-module__5SpwbG__generator{background:#fff;border-radius:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:32px;display:grid;box-shadow:0 4px 24px #0000000f}.styles-module__5SpwbG__previewColumn{flex-direction:column;display:flex}.styles-module__5SpwbG__previewArea{background:#f8f8f8;border-radius:12px;justify-content:center;align-items:center;padding:32px;display:flex}.styles-module__5SpwbG__cardPreview{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;max-width:380px;height:220px;padding:24px;display:flex}.styles-module__5SpwbG__cardTitle{font-size:1.2rem;font-weight:700}.styles-module__5SpwbG__cardSubtitle{opacity:.8;font-size:.9rem}.styles-module__5SpwbG__controlsColumn{flex-direction:column;gap:16px;display:flex}.styles-module__5SpwbG__row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.styles-module__5SpwbG__inputGroup{flex-direction:column;gap:8px;display:flex}.styles-module__5SpwbG__inputGroup label{color:#1a1a1a;font-size:.9rem;font-weight:600}.styles-module__5SpwbG__range{appearance:none;background:#e0e0e0;border-radius:4px;outline:none;width:100%;height:8px}.styles-module__5SpwbG__range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f28444;border-radius:50%;width:18px;height:18px}.styles-module__5SpwbG__textInput{color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-family:Courier New,monospace;font-size:.95rem}.styles-module__5SpwbG__textInput:hover{border-color:#f28444}.styles-module__5SpwbG__textInput:focus{border-color:#f28444;outline:none;box-shadow:0 0 0 3px #f284441a}.styles-module__5SpwbG__inputGroupCheckbox{align-items:flex-end;display:flex}.styles-module__5SpwbG__checkboxLabel{color:#1a1a1a;align-items:center;gap:8px;font-weight:600;display:flex}.styles-module__5SpwbG__checkboxLabel input[type=checkbox]{accent-color:#f28444;width:18px;height:18px}.styles-module__5SpwbG__codeBox{background:#1e1e1e;border-radius:8px;overflow:hidden}.styles-module__5SpwbG__codeHeader{background:#2d2d2d;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.styles-module__5SpwbG__codeHeader span{color:#888;text-transform:uppercase;font-size:.85rem;font-weight:600}.styles-module__5SpwbG__copyButton{color:#fff;cursor:pointer;background:#f28444;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.styles-module__5SpwbG__copyButton:hover{background:#d96e2f}.styles-module__5SpwbG__code{color:#e0e0e0;padding:16px;font-family:Courier New,monospace;font-size:.95rem;display:block;overflow-x:auto}@media (max-width:768px){.styles-module__5SpwbG__title{font-size:2rem}.styles-module__5SpwbG__generator{grid-template-columns:1fr;padding:24px}.styles-module__5SpwbG__previewArea{padding:20px}.styles-module__5SpwbG__cardPreview{height:200px}}