.HTMLImageGenerator_container__HQOKl{background:#0a0a0a;color:#e5e5e5;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.HTMLImageGenerator_content__AFY5D{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.HTMLImageGenerator_uploadSection__hsYrn{width:100%}.HTMLImageGenerator_dropzone__ntNUb{background:#151515;border:2px dashed #333;border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.HTMLImageGenerator_dropzone__ntNUb:hover{border-color:#ffcf98;background:#1a1a1a}.HTMLImageGenerator_dropzone__ntNUb.HTMLImageGenerator_dragging___hjpc{border-color:#ffcf98;background:#1a1a1a;transform:scale(1.02)}.HTMLImageGenerator_dropzone__ntNUb.HTMLImageGenerator_loading__gp9Kt{cursor:default}.HTMLImageGenerator_fileInput__EUAyz{display:none}.HTMLImageGenerator_uploadPrompt__XN6BW{display:flex;flex-direction:column;align-items:center;gap:1rem}.HTMLImageGenerator_uploadIcon__Cv9k4{width:4rem;height:4rem;color:#ffcf98}.HTMLImageGenerator_uploadText__SITgS{font-size:1.25rem;font-weight:600;color:#e5e5e5;margin:0}.HTMLImageGenerator_uploadSubtext__YW97R{font-size:1rem;color:#a0a0a0;margin:0}.HTMLImageGenerator_uploadFormats___DSbJ{font-size:.875rem;color:#666;margin:0}.HTMLImageGenerator_loadingState__ojrhY{display:flex;flex-direction:column;align-items:center;gap:1rem}.HTMLImageGenerator_spinner__kSv1M{width:3rem;height:3rem;border:3px solid #333;border-top-color:#ffcf98;border-radius:50%;animation:HTMLImageGenerator_spin__UDiYd .8s linear infinite}@keyframes HTMLImageGenerator_spin__UDiYd{to{transform:rotate(1turn)}}.HTMLImageGenerator_previewContainer__XM99R{display:flex;flex-direction:column;align-items:center;gap:1rem}.HTMLImageGenerator_preview__v1SB8{max-width:100%;max-height:300px;border-radius:.5rem;object-fit:contain}.HTMLImageGenerator_formSection___lL8M{background:#151515;border-radius:1rem;padding:2rem;border:1px solid #222}.HTMLImageGenerator_sectionTitle__H2BgG{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#e5e5e5}.HTMLImageGenerator_sourceTypeToggle__jGROU{margin-bottom:1.5rem;padding:1rem;background:#0a0a0a;border-radius:.5rem;border:1px solid #222}.HTMLImageGenerator_toggleLabel__Xk0Qq{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.HTMLImageGenerator_toggleInput__h8o8x{display:none}.HTMLImageGenerator_toggleSwitch__toxEH{position:relative;width:3rem;height:1.5rem;background:#333;border-radius:1rem;transition:background .3s ease;flex-shrink:0}.HTMLImageGenerator_toggleSwitch__toxEH:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#e5e5e5;border-radius:50%;transition:transform .3s ease}.HTMLImageGenerator_toggleInput__h8o8x:checked+.HTMLImageGenerator_toggleSwitch__toxEH{background:#ffcf98}.HTMLImageGenerator_toggleInput__h8o8x:checked+.HTMLImageGenerator_toggleSwitch__toxEH:after{transform:translateX(1.5rem);background:#0a0a0a}.HTMLImageGenerator_toggleText__L0MFy{font-size:.875rem;color:#a0a0a0;font-weight:500}.HTMLImageGenerator_formGrid__ArlJ_{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.HTMLImageGenerator_formGroup__Llxnq{display:flex;flex-direction:column;gap:.5rem}.HTMLImageGenerator_formGroup__Llxnq.HTMLImageGenerator_full__g_2Aa{grid-column:1/-1}.HTMLImageGenerator_label__EhKBe{font-size:.875rem;font-weight:500;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em}.HTMLImageGenerator_input__aqOD2,.HTMLImageGenerator_select__3dFwI{background:#0a0a0a;border:1px solid #333;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;color:#e5e5e5;transition:all .2s ease;font-family:inherit}.HTMLImageGenerator_input__aqOD2:focus,.HTMLImageGenerator_select__3dFwI:focus{outline:none;border-color:#ffcf98;background:#111}.HTMLImageGenerator_input__aqOD2::placeholder{color:#666}.HTMLImageGenerator_select__3dFwI{cursor:pointer}.HTMLImageGenerator_codeSection__McYqZ{background:#151515;border-radius:1rem;padding:2rem;border:1px solid #222}.HTMLImageGenerator_codeHeader__SRVro{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.HTMLImageGenerator_buttonGroup__aoWTa{display:flex;gap:.75rem}.HTMLImageGenerator_button__h9O_w{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.HTMLImageGenerator_buttonPrimary__viA9G{background:#ffcf98;color:#0a0a0a}.HTMLImageGenerator_buttonPrimary__viA9G:hover{background:#ffa94d;transform:translateY(-2px)}.HTMLImageGenerator_buttonSecondary__oShfJ{background:#222;color:#e5e5e5;border:1px solid #333}.HTMLImageGenerator_buttonSecondary__oShfJ:hover{background:#2a2a2a;border-color:#444;transform:translateY(-2px)}.HTMLImageGenerator_buttonIcon__XxcnK{width:1.25rem;height:1.25rem}.HTMLImageGenerator_codeBlock__lExbG{background:#0a0a0a;border:1px solid #222;border-radius:.5rem;padding:1.5rem;overflow-x:auto}.HTMLImageGenerator_code__D67xs{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;color:#e5e5e5;white-space:pre-wrap;word-break:break-all}@media (max-width:768px){.HTMLImageGenerator_container__HQOKl{padding:1rem}.HTMLImageGenerator_dropzone__ntNUb{padding:2rem 1rem}.HTMLImageGenerator_codeSection__McYqZ,.HTMLImageGenerator_formSection___lL8M{padding:1.5rem}.HTMLImageGenerator_formGrid__ArlJ_{grid-template-columns:1fr}.HTMLImageGenerator_codeHeader__SRVro{flex-direction:column;align-items:stretch}.HTMLImageGenerator_buttonGroup__aoWTa{flex-direction:column}.HTMLImageGenerator_button__h9O_w{justify-content:center}}