.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;background:#1f1f24;color:#e9ecef;border:1px solid #2b2b31;font-size:.92rem;line-height:1;transition:all .15s ease;cursor:pointer}.chip:hover{border-color:#3a3a42;background:#23232a}.chip.active{background:#ff7a18;border-color:#ff7a18;color:#0f0f14;font-weight:600}@media (max-width:576px){.chip{padding:8px 12px}}.uploaded-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.uploaded-image-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #2b2b31;background:#1f1f24}.uploaded-image-item img{width:100%;height:100%;object-fit:cover;display:block}.uploaded-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .2s ease}.uploaded-image-remove:hover{background:rgba(220,53,69,.9)}.upload-area[style*="opacity: 0.6"]{filter:grayscale(.5)}.upload-area.dragover{border-color:#ff6b35;background-color:rgba(255,107,53,.1)}.btn-group{display:flex;gap:8px}.btn-group .btn{flex:1}.form-range{width:100%;height:6px;border-radius:3px;background:#2b2b31;outline:0;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ff7a18;cursor:pointer;transition:all .2s ease}.form-range::-webkit-slider-thumb:hover{background:#ff8c3a;transform:scale(1.1)}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ff7a18;cursor:pointer;border:none;transition:all .2s ease}.form-range::-moz-range-thumb:hover{background:#ff8c3a;transform:scale(1.1)}.form-range-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.form-range-value{font-weight:600;color:#ff7a18}.mj-error-state{text-align:center;padding:60px 30px}.mj-error-icon{font-size:56px;color:#dc3545;margin-bottom:24px;opacity:.8}.mj-error-title{font-size:20px;font-weight:600;color:#dc3545;margin-bottom:16px}.mj-error-message{font-size:16px;color:#6c757d;line-height:1.6;max-width:480px;margin:0 auto}#mjPromptCharCount{font-weight:500;color:#e9ecef}#mjPromptCharCount[style*="color: rgb(220, 53, 69)"]{color:#dc3545!important}@media (max-width:768px){.mj-error-state{padding:50px 20px}.mj-error-icon{font-size:48px}.mj-error-title{font-size:18px}.mj-error-message{font-size:15px}}@media (max-width:576px){.mj-error-state{padding:40px 16px}.mj-error-icon{font-size:40px;margin-bottom:20px}.mj-error-title{font-size:16px;margin-bottom:12px}.mj-error-message{font-size:14px}.chip-group{gap:6px}.chip{padding:6px 10px;font-size:.85rem}}#mjVersion.form-select{background-color:#1f1f24;border-color:#2b2b31;color:#e9ecef}#mjVersion.form-select:focus{border-color:#ff7a18;box-shadow:0 0 0 .2rem rgba(255,122,24,.25)}.form-check{margin-bottom:8px;padding:8px 0}.form-check-label{color:#e9ecef;cursor:pointer;font-size:14px}.form-check-input:checked{background-color:#ff7a18;border-color:#ff7a18}.form-check-input[type=checkbox]{background-color:#2b2b31;border-color:#2b2b31}.form-check-input[type=checkbox]:checked{background-color:#ff7a18;border-color:#ff7a18}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.results-grid.is-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-top:0;min-height:320px}@media (max-width:576px){.results-grid.is-error{min-height:240px}}.mj-error-state{text-align:center}@media (max-width:768px){.results-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:576px){.results-grid{grid-template-columns:1fr;gap:12px}}.btn-group .btn-outline-secondary{background-color:#1f1f24;border-color:#2b2b31;color:#e9ecef;transition:all .15s ease}.btn-group .btn-outline-secondary:hover{background-color:#23232a;border-color:#3a3a42;color:#fff}.btn-group .btn-check:checked+.btn-outline-secondary{background-color:#ff7a18;border-color:#ff7a18;color:#0f0f14;font-weight:600}.form-check.form-switch{display:flex;align-items:center;padding-left:0;margin-left:0;margin-bottom:16px}.form-check.form-switch .form-check-input{width:3em;height:1.5em;margin-right:12px;margin-top:0;margin-left:0;background-color:#2b2b31;border-color:#555;cursor:pointer;flex-shrink:0}.form-check.form-switch .form-check-input:checked{background-color:#ff7a18;border-color:#ff7a18}.form-check.form-switch .form-check-label{color:#e9ecef;cursor:pointer;font-size:14px;margin-bottom:0;flex:1}.controls-panel .form-check{margin-bottom:8px;padding:8px 0;margin-left:0;display:flex;align-items:center}.controls-panel .form-check-label{color:#e9ecef;cursor:pointer;font-size:14px;margin-left:0}.controls-panel .form-check-input[type=radio]{width:1em;height:1em;margin-right:10px;margin-top:0;background-color:#2b2b31;border-color:#2b2b31}.controls-panel .form-check-input[type=radio]:checked{background-color:#ff7a18;border-color:#ff7a18}#mjStylizationValue,#mjVarietyValue,#mjWeirdnessValue{color:#ff7a18!important;font-weight:600}.form-label small.text-white-50{color:rgba(255,255,255,.5)!important}.d-flex.justify-content-between small.text-white-50{color:rgba(255,255,255,.5)!important}.d-flex.justify-content-between small.text-white{color:#e9ecef!important}#mjPromptCharCount{display:none}.mj-speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mj-speed-option{background:#1f1f24;border:2px solid #2b2b31;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center}.mj-speed-option:hover{border-color:#3a3a42;background:#23232a}.mj-speed-option.active{background:rgba(255,122,24,.1);border-color:#ff7a18}.mj-speed-name{font-size:14px;font-weight:500;color:#e9ecef;margin-bottom:8px}.mj-speed-desc{font-size:12px;color:#adb5bd}.mj-speed-option.active .mj-speed-name{color:#ff7a18;font-weight:600}.mj-speed-option.active .mj-speed-desc{color:#ff7a18}@media (max-width:768px){.mj-speed-grid{grid-template-columns:1fr;gap:8px}}.mj-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;text-align:center}@media (max-width:576px){.mj-error-state{min-height:240px}}