.page-module__UN1gpq__container{background:var(--color-background);justify-content:center;align-items:flex-start;min-height:calc(100vh - 70px);padding:4rem 2rem;display:flex;overflow-x:hidden}.page-module__UN1gpq__wrapper{box-sizing:border-box;flex-direction:column;gap:3rem;width:100%;max-width:1000px;animation:.6s ease-out page-module__UN1gpq__fadeIn;display:flex}@keyframes page-module__UN1gpq__fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-module__UN1gpq__title{text-align:center;color:var(--color-primary);text-shadow:0 4px 12px #10b98133;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.page-module__UN1gpq__subtitle{text-align:center;color:var(--color-text-muted);font-size:1.1rem}.page-module__UN1gpq__grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.page-module__UN1gpq__innerGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.page-module__UN1gpq__card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;border-radius:24px;flex-direction:column;gap:1.5rem;min-width:0;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.page-module__UN1gpq__card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.page-module__UN1gpq__formGroup{flex-direction:column;gap:.5rem;min-width:0;display:flex}.page-module__UN1gpq__label{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.page-module__UN1gpq__input,.page-module__UN1gpq__select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:12px;outline:none;min-width:0;padding:1rem 1.2rem;font-size:1rem;transition:all .2s}.page-module__UN1gpq__input:focus,.page-module__UN1gpq__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.page-module__UN1gpq__colorRow{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.page-module__UN1gpq__colorPickerBox{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;align-items:center;gap:.8rem;min-width:0;padding:.5rem 1rem;display:flex;overflow:hidden}.page-module__UN1gpq__colorInput{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:32px;height:32px;padding:0}.page-module__UN1gpq__colorInput::-webkit-color-swatch-wrapper{padding:0}.page-module__UN1gpq__colorInput::-webkit-color-swatch{border:none;border-radius:6px}.page-module__UN1gpq__colorText{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.page-module__UN1gpq__generateBtn{background:linear-gradient(135deg, var(--color-primary), #34d399);color:#fff;cursor:pointer;box-sizing:border-box;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #10b9814d}.page-module__UN1gpq__generateBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #10b98166}.page-module__UN1gpq__generateBtn:active:not(:disabled){transform:translateY(1px)}.page-module__UN1gpq__generateBtn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.page-module__UN1gpq__resultArea{background:radial-gradient(circle,#10b9810d 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.page-module__UN1gpq__placeholder{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.page-module__UN1gpq__placeholderIcon{opacity:.3;margin-bottom:1rem;font-size:4rem}.page-module__UN1gpq__resultImageContainer{flex-direction:column;align-items:center;gap:1.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) page-module__UN1gpq__popIn;display:flex}@keyframes page-module__UN1gpq__popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.page-module__UN1gpq__resultImage{border:4px solid var(--color-surface);border-radius:16px;max-width:100%;box-shadow:0 15px 35px #0003}.page-module__UN1gpq__downloadBtn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:30px;align-items:center;gap:.8rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.page-module__UN1gpq__downloadBtn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 20px #10b98140}.page-module__UN1gpq__select option{background-color:var(--color-bg);color:var(--color-text)}[data-theme=dark] .page-module__UN1gpq__select option{color:#f8fafc;background-color:#0f172a}[data-theme=dark] .page-module__UN1gpq__select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.page-module__UN1gpq__colorGroup{flex-direction:column;gap:.3rem;display:flex}.page-module__UN1gpq__colorGroup label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.page-module__UN1gpq__colorInputWrapper{align-items:center;gap:.5rem;display:flex}.page-module__UN1gpq__colorInputWrapper input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.page-module__UN1gpq__colorInputWrapper span{color:var(--color-text-muted);font-size:.85rem}@media (max-width:768px){.page-module__UN1gpq__container{padding:1.5rem .75rem}.page-module__UN1gpq__wrapper{gap:1.5rem}.page-module__UN1gpq__grid{grid-template-columns:1fr}.page-module__UN1gpq__innerGrid{grid-template-columns:1fr 1fr}.page-module__UN1gpq__colorRow{grid-template-columns:1fr;gap:1rem}.page-module__UN1gpq__card{border-radius:16px;padding:1.2rem}.page-module__UN1gpq__card:hover{transform:none;box-shadow:0 10px 30px #0000001a}.page-module__UN1gpq__title{margin-bottom:.5rem;font-size:1.6rem}.page-module__UN1gpq__subtitle{font-size:.95rem}.page-module__UN1gpq__input,.page-module__UN1gpq__select{padding:.75rem .9rem;font-size:.95rem}.page-module__UN1gpq__generateBtn{border-radius:12px;padding:1rem;font-size:1rem}.page-module__UN1gpq__resultArea{min-height:250px}.page-module__UN1gpq__downloadBtn{padding:.8rem 1.5rem;font-size:.9rem}.page-module__UN1gpq__colorPickerBox{padding:.4rem .7rem}}@media (max-width:400px){.page-module__UN1gpq__innerGrid{grid-template-columns:1fr}.page-module__UN1gpq__container{padding:1rem .5rem}.page-module__UN1gpq__title{font-size:1.4rem}}