.page-module__wYAXba__container{padding-bottom:80px;animation:.5s ease-out page-module__wYAXba__fadeIn}.page-module__wYAXba__hero{text-align:center;margin-bottom:3rem;padding-top:1rem}.page-module__wYAXba__heroTitle{color:var(--text-primary);justify-content:center;align-items:center;gap:12px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:flex}.page-module__wYAXba__heroTitle span{color:var(--primary-dark)}.page-module__wYAXba__heroSubtitle{color:var(--text-secondary);font-size:1.1rem}.page-module__wYAXba__workspace{flex-direction:column;gap:24px;margin-bottom:24px;padding:20px;display:flex}@media (min-width:900px){.page-module__wYAXba__workspace{flex-direction:row;align-items:flex-start;padding:0}.page-module__wYAXba__previewSection{background:var(--bg-secondary);border-radius:20px;flex-direction:column;flex:1;align-self:flex-start;max-height:90vh;padding:20px;display:flex;position:sticky;top:20px;overflow:hidden}.page-module__wYAXba__controlsSection{flex-direction:column;flex:0 0 340px;padding-right:4px;display:flex}}.page-module__wYAXba__uploadArea{background:var(--bg-secondary);cursor:pointer;text-align:center;border:3px dashed #a8c5f066;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:40px auto;padding:80px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.page-module__wYAXba__uploadArea:hover{border-color:var(--primary-dark);background:#a8c5f01a;transform:scale(1.01)}.page-module__wYAXba__dragActive{border-color:var(--primary-dark);background:#a8c5f033}.page-module__wYAXba__iconCircle{width:90px;height:90px;color:var(--primary-dark);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:6px 6px 15px #aebaca66,-6px -6px 15px #ffffffe6}.page-module__wYAXba__uploadContent h3{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.page-module__wYAXba__uploadContent p{color:var(--text-muted)}[data-theme=dark] .page-module__wYAXba__uploadArea{background:var(--bg-secondary);border-color:#6366f14d}[data-theme=dark] .page-module__wYAXba__uploadArea:hover{border-color:var(--primary-color);background:#6366f11a}[data-theme=dark] .page-module__wYAXba__iconCircle{color:#818cf8;background:linear-gradient(145deg,#1e293b,#0f172a);box-shadow:8px 8px 20px #0009,-8px -8px 20px #33415526}.page-module__wYAXba__tabs{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.page-module__wYAXba__tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.page-module__wYAXba__tab.page-module__wYAXba__active{color:var(--primary-dark);background:#fff;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .page-module__wYAXba__tab.page-module__wYAXba__active{background:var(--bg-primary);color:var(--text-primary)}.page-module__wYAXba__accordion{border-bottom:1px solid var(--bg-secondary)}.page-module__wYAXba__accordionHeader{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;font-weight:600;display:flex}.page-module__wYAXba__accordionContent{padding-bottom:16px;animation:.2s page-module__wYAXba__slideDown}@keyframes page-module__wYAXba__slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.page-module__wYAXba__grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.page-module__wYAXba__grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.page-module__wYAXba__inputGroup{background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;display:flex}.page-module__wYAXba__inputGroup:focus-within{border-color:var(--primary-light);background:#fff}[data-theme=dark] .page-module__wYAXba__inputGroup:focus-within{background:var(--bg-primary)}.page-module__wYAXba__input{color:var(--text-primary);appearance:textfield;background:0 0;border:none;outline:none;flex:1;width:100%;padding:8px 0;font-size:14px}.page-module__wYAXba__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-module__wYAXba__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-module__wYAXba__unitSelect{color:var(--text-muted);cursor:pointer;text-transform:uppercase;background:0 0;border:none;outline:none;font-size:11px;font-weight:600}.page-module__wYAXba__presetBtn{background:var(--bg-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:12px;transition:all .2s;display:flex}.page-module__wYAXba__presetBtn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .page-module__wYAXba__presetBtn:hover{background:var(--bg-primary)}.page-module__wYAXba__presetBtn.page-module__wYAXba__active{border-color:var(--primary-dark);color:var(--primary-dark);background:#fff;box-shadow:0 0 0 2px #2563eb1a}[data-theme=dark] .page-module__wYAXba__presetBtn.page-module__wYAXba__active{background:#3b82f61a}.page-module__wYAXba__presetIcon{color:var(--text-muted);margin-bottom:8px}.page-module__wYAXba__presetBtn.page-module__wYAXba__active .page-module__wYAXba__presetIcon{color:var(--primary-dark)}.page-module__wYAXba__presetLabel{color:var(--text-primary);text-align:center;margin-bottom:2px;font-size:12px;font-weight:500}.page-module__wYAXba__presetSub{color:var(--text-muted);text-align:center;font-size:11px}.page-module__wYAXba__modeBtn{background:var(--bg-secondary);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;padding:12px 8px;transition:all .2s;display:flex}.page-module__wYAXba__modeLabel{color:var(--text-primary);font-size:13px;font-weight:600}.page-module__wYAXba__modeDesc{color:var(--text-muted);font-size:11px}.page-module__wYAXba__modeBtn.page-module__wYAXba__active .page-module__wYAXba__modeLabel{color:var(--primary-dark)}.page-module__wYAXba__modeBtn.page-module__wYAXba__active .page-module__wYAXba__modeDesc{color:var(--primary-light)}.page-module__wYAXba__modeBtn.page-module__wYAXba__active{border-color:var(--primary-dark);color:var(--primary-dark);background:#fff}.page-module__wYAXba__outputInfoCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.page-module__wYAXba__outputDetails{color:#334155;flex-direction:column;font-size:13px;display:flex}.page-module__wYAXba__outputLabel{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.page-module__wYAXba__outputDpi{color:#64748b;font-size:11px}.page-module__wYAXba__changeBtn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.page-module__wYAXba__changeBtn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.page-module__wYAXba__tooltipGroup{cursor:help;margin-left:6px;display:inline-flex;position:relative}.page-module__wYAXba__infoIcon{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.page-module__wYAXba__tooltipGroup:hover .page-module__wYAXba__infoIcon{color:#fff;background:#2563eb}.page-module__wYAXba__tooltipText{visibility:hidden;color:#fff;text-align:center;z-index:100;opacity:0;pointer-events:none;background-color:#1f2937;border-radius:6px;width:200px;padding:8px;font-size:12px;font-weight:400;line-height:1.4;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}.page-module__wYAXba__tooltipText:after{content:"";border:5px solid #0000;border-top-color:#1f2937;margin-left:-5px;position:absolute;top:100%;left:50%}.page-module__wYAXba__tooltipGroup:hover .page-module__wYAXba__tooltipText{visibility:visible;opacity:1}@media (max-width:768px){.page-module__wYAXba__controlsSection{flex:1;min-width:100%}}.page-module__wYAXba__controlGroup{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.page-module__wYAXba__controlLabel{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.page-module__wYAXba__ratioGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.page-module__wYAXba__ratioBtn{background:var(--bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-light-sm),var(--shadow-dark-sm);color:var(--text-primary);cursor:pointer;text-align:center;border:none;padding:.75rem;font-weight:500;transition:all .2s}.page-module__wYAXba__ratioBtn:hover{transform:translateY(-2px)}.page-module__wYAXba__ratioBtn.page-module__wYAXba__active{background:var(--primary-dark);color:#fff}.page-module__wYAXba__colorGrid{gap:10px;display:flex}.page-module__wYAXba__colorBtn{cursor:pointer;border:3px solid #fff;border-radius:50%;width:40px;height:40px;transition:transform .2s;box-shadow:0 2px 5px #0003}.page-module__wYAXba__colorBtn:hover{transform:scale(1.1)}.page-module__wYAXba__colorBtn.page-module__wYAXba__active{outline:2px solid var(--primary-dark);outline-offset:2px}.page-module__wYAXba__uploadBtn{background:var(--bg-white);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-light-sm),var(--shadow-dark-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.page-module__wYAXba__uploadBtn:hover{transform:translateY(-2px)}.page-module__wYAXba__downloadBtn{background:var(--primary-dark);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:4px 4px 10px #5b8def66}.page-module__wYAXba__downloadBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 14px #5b8def80}.page-module__wYAXba__downloadBtn:disabled{opacity:.6;cursor:not-allowed}.page-module__wYAXba__cropOverlay{pointer-events:none;position:absolute;inset:0}.page-module__wYAXba__canvasWrap{background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}@keyframes page-module__wYAXba__fadeIn{0%{opacity:0}to{opacity:1}}.page-module__wYAXba__supportedTypes{justify-content:center;gap:8px;margin-top:12px;display:flex}.page-module__wYAXba__supportedTypes span{color:var(--text-muted);background:#0000000d;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}[data-theme=dark] .page-module__wYAXba__supportedTypes span{color:#94a3b8;background:#ffffff1a}.page-module__wYAXba__safeTag{color:#166534;background:#dcfce7;border-radius:20px;margin-top:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}[data-theme=dark] .page-module__wYAXba__safeTag{color:#d1fae5;background:#064e3b}.page-module__wYAXba__btnPrimary{background:var(--primary-dark);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #3b82f64d}.page-module__wYAXba__btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3b82f666}.page-module__wYAXba__howToUse{background:var(--bg-white);border:1px solid var(--bg-secondary);border-radius:24px;max-width:800px;margin:80px auto 40px;padding:40px}