.page-module__MFgzva__main{padding:32px 0}.page-module__MFgzva__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.page-module__MFgzva__btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.page-module__MFgzva__btnSecondary{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.page-module__MFgzva__btnSecondary:hover:not(:disabled){background:var(--border)}.page-module__MFgzva__btnPrimary{background:var(--primary);color:#fff}.page-module__MFgzva__btnPrimary:hover:not(:disabled){background:var(--primary-dark)}.page-module__MFgzva__btnPrimary:disabled,.page-module__MFgzva__btnSecondary:disabled{opacity:.5;cursor:not-allowed}.page-module__MFgzva__dropZone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;margin:20px;padding:60px 40px;transition:all .2s}.page-module__MFgzva__dropZone:hover,.page-module__MFgzva__dropZone.page-module__MFgzva__dragover{border-color:var(--primary);background:#2563eb0d}.page-module__MFgzva__dropZoneIcon{color:var(--text-muted);margin-bottom:16px;font-size:3rem}.page-module__MFgzva__dropZone p{color:var(--text-secondary);margin-bottom:12px}.page-module__MFgzva__hint{color:var(--text-muted);margin-top:8px;font-size:.8rem}.page-module__MFgzva__fileInput{display:none}.page-module__MFgzva__contentArea{padding:20px}.page-module__MFgzva__settingsPanel{flex-wrap:wrap;gap:24px;margin-bottom:20px;display:flex}.page-module__MFgzva__settingGroup{flex-direction:column;gap:8px;display:flex}.page-module__MFgzva__settingLabel{color:var(--text-secondary);font-size:.875rem;font-weight:500}.page-module__MFgzva__select{border:1px solid var(--border);background:var(--background);color:var(--text-primary);cursor:pointer;border-radius:6px;min-width:200px;padding:8px 12px;font-size:.875rem}.page-module__MFgzva__select:focus{border-color:var(--primary);outline:none}.page-module__MFgzva__colorOptions{gap:8px;display:flex}.page-module__MFgzva__colorBtn{border:2px solid var(--border);cursor:pointer;color:#fff;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;transition:all .2s;display:flex}.page-module__MFgzva__colorBtn:hover{transform:scale(1.05)}.page-module__MFgzva__colorBtnActive{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33}.page-module__MFgzva__colorPicker{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:60px;height:36px;padding:2px}.page-module__MFgzva__previewArea{flex-wrap:wrap;gap:24px;margin-bottom:20px;display:flex}.page-module__MFgzva__previewBox{background:var(--background);border:1px solid var(--border);border-radius:8px;flex:1;min-width:280px;overflow:hidden}.page-module__MFgzva__previewTitle{color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--surface);padding:10px 16px;font-size:.875rem;font-weight:500}.page-module__MFgzva__previewContent{justify-content:center;align-items:center;min-height:300px;padding:16px;display:flex}.page-module__MFgzva__previewImage{object-fit:contain;max-width:100%;max-height:400px}.page-module__MFgzva__previewPlaceholder{color:var(--text-muted);font-size:.875rem}.page-module__MFgzva__actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding-top:20px;display:flex}.page-module__MFgzva__error{text-align:center;color:#ef4444;background:#ef44441a;border-radius:6px;width:100%;padding:12px;font-size:.875rem}.page-module__MFgzva__statusText{text-align:center;width:100%;color:var(--primary);background:#2563eb1a;border-radius:6px;padding:12px;font-size:.875rem}.page-module__MFgzva__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__MFgzva__dropZone{padding:40px 20px}.page-module__MFgzva__settingsPanel{flex-direction:column;gap:16px}.page-module__MFgzva__select{min-width:100%}.page-module__MFgzva__previewArea{flex-direction:column}.page-module__MFgzva__previewBox{min-width:100%}.page-module__MFgzva__actions{flex-direction:column}.page-module__MFgzva__btn{justify-content:center;width:100%}}
