.step-wrapper{width:100%;background:#fff;border-bottom:8px solid #f1f5f9}.container{display:flex;width:100%;min-height:700px;align-items:stretch}.panel{flex:1;padding:40px;display:flex;flex-direction:column;box-sizing:border-box;transition:background-color .3s;height:100%}.sidebar{border-right:1px solid #e2e8f0;background-color:#fff}.main-content{background-color:#f8fafc}.panel-title{text-align:center;color:#1e293b;margin-bottom:30px;font-size:1.6rem;font-weight:800}.mode-display-box{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:50px;text-align:center;margin-bottom:25px;font-weight:700;align-self:center;min-height:44px;line-height:24px;width:-moz-fit-content;width:fit-content;min-width:200px;border:2px solid transparent}.opacity-zero{background:transparent!important;color:transparent!important;box-shadow:none!important;pointer-events:none}.top-gallery{width:100%;height:160px;background-color:#1e293b;display:flex;overflow-x:auto;padding:20px;gap:15px;box-sizing:border-box}.gallery-item{flex:0 0 120px;height:100%;position:relative;border-radius:12px;cursor:pointer;overflow:hidden;border:3px solid transparent;transition:all .2s}.gallery-item.user-selected{border-color:#3b82f6;transform:scale(1.05)}.gallery-item.system-random{border-color:#e91e63;transform:scale(1.05)}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.badge{position:absolute;top:5px;left:5px;background:#3b82f6;color:#fff;padding:2px 8px;font-size:11px;border-radius:4px;font-weight:700}.badge.random{background:#e91e63;left:auto;right:5px}.preview-zone{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.preview-card{flex:1;max-width:200px;text-align:center}.preview-card label{display:block;margin-bottom:10px;font-weight:700;color:#64748b}.img-box{width:100%;aspect-ratio:1 / 1;background:#f1f5f9;border-radius:12px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-box.system{border-style:dashed;border-color:#3b82f6}.img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reprompt-img-box{max-width:500px;max-height:500px;width:100%;aspect-ratio:1 / 1;background:#f1f5f9;border-radius:12px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.plus-sign{font-size:32px;color:#cbd5e1;font-weight:700}.action-group{width:100%;margin-bottom:30px;text-align:center}.btn-submit{width:100%;padding:16px;background-color:#1e293b;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.btn-submit:hover:not(:disabled){background-color:#334155;transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.result-section{flex-grow:1;display:flex;flex-direction:column;border-top:1px solid #e2e8f0;padding-top:20px}.result-box{flex-grow:1;background:#fff;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#64748b}.final-architect-img{width:100%;max-height:350px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.custom-textarea{width:100%!important;min-height:120px;box-sizing:border-box;display:block;resize:vertical;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:inherit;margin-top:8px}.column{flex-direction:column}.input-group{flex-grow:1;display:flex;flex-direction:column}.mode-selector-group{margin-bottom:15px;padding:10px;border-radius:8px}.mode-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#666}.mode-btn.active-mode{background:#4a90e2;color:#fff;border-color:#4a90e2}.mode-hint{font-size:.85rem;color:#888}.is-disabled{cursor:not-allowed}