.styles-module__zRiEAG__container{max-width:1000px;margin:0 auto;padding:40px 20px}.styles-module__zRiEAG__header{text-align:center;margin-bottom:40px}.styles-module__zRiEAG__icon{color:#ec4899;margin-bottom:16px}.styles-module__zRiEAG__title{background:linear-gradient(135deg,#ec4899 0%,#d946a6 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__zRiEAG__description{color:#666;font-size:1.1rem}.styles-module__zRiEAG__generator{background:#fff;border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 4px 24px #0000000f}.styles-module__zRiEAG__section{flex-direction:column;gap:12px;display:flex}.styles-module__zRiEAG__label{color:#333;margin-bottom:8px;font-weight:600;display:block}.styles-module__zRiEAG__select,.styles-module__zRiEAG__input{border:2px solid #e5e5e5;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem}.styles-module__zRiEAG__select{cursor:pointer;background:#fff}.styles-module__zRiEAG__select:focus,.styles-module__zRiEAG__input:focus{border-color:#ec4899;outline:none}.styles-module__zRiEAG__hint{color:#666;margin:-8px 0 0;font-size:.85rem}.styles-module__zRiEAG__exampleSection{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border:2px solid #fbcfe8;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.styles-module__zRiEAG__exampleTitle{color:#d946a6;margin:0;font-size:.9rem;font-weight:600}.styles-module__zRiEAG__example{color:#333;background:#fff;border-left:3px solid #ec4899;border-radius:8px;margin:0;padding:12px 16px;font-family:Courier New,monospace}.styles-module__zRiEAG__outputHeader{justify-content:space-between;align-items:center;display:flex}.styles-module__zRiEAG__sectionTitle{color:#1a1a1a;margin:0;font-size:1.1rem;font-weight:600}.styles-module__zRiEAG__copyButton{color:#ec4899;cursor:pointer;background:#fdf2f8;border:2px solid #ec4899;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.styles-module__zRiEAG__copyButton:hover{color:#fff;background:#ec4899;transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.styles-module__zRiEAG__tabs{border-bottom:2px solid #e5e5e5;gap:8px;margin-top:12px;display:flex}.styles-module__zRiEAG__tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 16px;font-weight:600;transition:all .2s}.styles-module__zRiEAG__tab:hover{color:#ec4899}.styles-module__zRiEAG__tabActive{color:#ec4899;border-bottom-color:#ec4899}.styles-module__zRiEAG__output{color:#ec4899;background:#1a1a1a;border-left:3px solid #ec4899;border-radius:8px;margin:0;padding:16px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.styles-module__zRiEAG__emptyState{text-align:center;color:#999;padding:40px 20px;font-size:1rem}.styles-module__zRiEAG__documentation{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border:2px solid #fbcfe8;border-radius:12px;margin-top:16px;padding:24px}.styles-module__zRiEAG__documentation h3{color:#d946a6;margin:0 0 20px;font-size:1.2rem;font-weight:700}.styles-module__zRiEAG__docSection{border-bottom:1px solid #fbcfe8;margin-bottom:20px;padding-bottom:20px}.styles-module__zRiEAG__docSection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.styles-module__zRiEAG__docSection h4{color:#ec4899;margin:0 0 8px;font-size:1rem;font-weight:600}.styles-module__zRiEAG__docSection p{color:#555;margin:0 0 8px;font-size:.95rem;line-height:1.6}.styles-module__zRiEAG__docCode{color:#333;background:#fff;border:1px solid #fbcfe8;border-left:3px solid #ec4899;border-radius:6px;margin:0;padding:12px 16px;font-family:Courier New,monospace;font-size:.85rem;display:block;overflow-x:auto}@media (max-width:768px){.styles-module__zRiEAG__title{font-size:2rem}.styles-module__zRiEAG__generator{padding:24px}.styles-module__zRiEAG__select,.styles-module__zRiEAG__input{width:100%}.styles-module__zRiEAG__outputHeader{flex-direction:column;align-items:flex-start;gap:12px}.styles-module__zRiEAG__copyButton{justify-content:center;width:100%}.styles-module__zRiEAG__tabs{flex-wrap:wrap}.styles-module__zRiEAG__documentation{padding:16px}.styles-module__zRiEAG__documentation h3{font-size:1rem}.styles-module__zRiEAG__docSection h4{font-size:.9rem}.styles-module__zRiEAG__docSection p{font-size:.85rem}.styles-module__zRiEAG__docCode{padding:10px 12px;font-size:.75rem}}