@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{background-color:#ffffff;color:#000000;font-family:Inter,sans-serif;line-height:1.6}.dashboard-container{max-width:900px;margin:0 auto;padding:40px 20px}.dashboard-header{text-align:center;margin-bottom:50px;border-bottom:1px solid #e8e8e8;padding-bottom:30px}.dashboard-header h1{font-size:42px;font-weight:700;margin-bottom:8px;color:#000000}.dashboard-header p{font-size:16px;color:#808080}.input-section{margin-bottom:40px;display:flex;flex-direction:column;gap:16px}.input-section label{font-size:14px;font-weight:600;color:#000000;text-transform:uppercase;letter-spacing:.5px}.input-section input{padding:14px 16px;border:1px solid #e8e8e8;border-radius:4px;font-size:16px;font-family:Inter,sans-serif;transition:all .3s ease}.input-section input:focus{outline:none;border-color:#d96c9a;box-shadow:0 0 0 3px rgba(217,108,154,.1)}.input-section button{padding:14px 24px;background-color:#000000;color:#ffffff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.input-section button:hover:not(:disabled){background-color:#d96c9a}.input-section button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fef5f5;border-left:3px solid #d96c9a;color:#d96c9a;padding:14px 16px;border-radius:4px;margin-bottom:30px;font-size:14px}.output-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:30px}.output-box{border:1px solid #e8e8e8;border-radius:4px;overflow:hidden}.output-header{background-color:#f9f9f9;padding:16px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.output-header h3{font-size:14px;font-weight:600;color:#000000;text-transform:uppercase;letter-spacing:.5px}.copy-btn{background-color:#ffffff;border:1px solid #d96c9a;color:#d96c9a;padding:6px 12px;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background-color:#d96c9a;color:#ffffff}.output-text{padding:20px;font-size:14px;line-height:1.8;color:#000000;background-color:#ffffff;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;font-family:Inter,monospace}.stepper{display:flex;justify-content:space-between;margin-bottom:36px;gap:4px}.stepper-dot{flex-direction:column;flex:1 1;text-align:center}.stepper-circle,.stepper-dot{display:flex;align-items:center}.stepper-circle{width:28px;height:28px;border-radius:50%;background-color:#f4f4f6;color:#9da3ae;justify-content:center;font-size:13px;font-weight:700;margin-bottom:6px;border:2px solid #e8e8e8}.stepper-label{font-size:11px;color:#9da3ae;text-transform:uppercase;letter-spacing:.4px}.stepper-dot.active .stepper-circle{background-color:#d96c9a;color:#ffffff;border-color:#d96c9a}.stepper-dot.active .stepper-label{color:#000000;font-weight:600}.stepper-dot.complete .stepper-circle{background-color:#000000;color:#ffffff;border-color:#000000}.stage-card{border:1px solid #e8e8e8;border-radius:8px;padding:28px;margin-bottom:24px}.stage-card h3{font-size:18px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.stage-hint{color:#808080}.stage-hint,.stage-textarea{font-size:14px;margin-bottom:16px}.stage-textarea{width:100%;padding:16px;border:1px solid #e8e8e8;border-radius:4px;font-family:Inter,monospace;line-height:1.7;color:#000000;resize:vertical}.stage-textarea:focus{outline:none;border-color:#d96c9a;box-shadow:0 0 0 3px rgba(217,108,154,.1)}.stage-actions{display:flex;flex-wrap:wrap;gap:12px}.stage-actions button{padding:14px 22px;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;border:none;min-height:48px;transition:all .2s ease;background-color:#000000;color:#ffffff;flex:1 1 auto}.stage-actions button:hover:not(:disabled){background-color:#d96c9a}.stage-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#ffffff!important;color:#000000!important;border:1px solid #e8e8e8!important}.btn-secondary:hover:not(:disabled){border-color:#d96c9a!important;color:#d96c9a!important;background-color:#ffffff!important}.gender-options{display:flex;gap:12px;margin-bottom:20px}.gender-btn{flex:1 1;padding:16px;border:1px solid #e8e8e8;border-radius:4px;background-color:#ffffff;color:#000000;font-size:15px;font-weight:600;cursor:pointer;min-height:48px;transition:all .2s ease}.gender-btn.active{border-color:#d96c9a;background-color:#fef5f9;color:#d96c9a}.aspect-label{display:block;font-size:13px;font-weight:600;color:#000000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.aspect-select{width:100%;padding:14px 16px;border:1px solid #e8e8e8;border-radius:4px;font-size:15px;font-family:Inter,sans-serif;margin-bottom:20px;background-color:#ffffff;min-height:48px}.aspect-select:focus{outline:none;border-color:#d96c9a}.image-preview{width:100%;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;background-color:#f4f4f6}.image-preview img{width:100%;height:auto;display:block}.done-card{text-align:center;border-color:#d96c9a}.save-warning{background-color:#fef5f5;border-left:3px solid #d96c9a;color:#8a4a5c;padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:13px;text-align:left}@media (max-width:768px){.output-section{grid-template-columns:1fr}.dashboard-header h1{font-size:28px}.output-text{max-height:300px}.dashboard-container{padding:24px 16px}.stage-card{padding:20px}.stage-actions{flex-direction:column}.stage-actions button{width:100%}.gender-options{flex-direction:column}.stepper-label{font-size:9px}.stepper-circle{width:24px;height:24px;font-size:12px}}