@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}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell .dashboard-container{flex:1 1;padding-bottom:100px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;gap:8px;background-color:#ffffff;border-top:1px solid #e8e8e8;padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:50}.bottom-nav,.bottom-nav-item{display:flex;justify-content:center}.bottom-nav-item{flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:8px 28px;cursor:pointer;color:#9da3ae;border-radius:8px;min-width:80px}.bottom-nav-item:hover{background-color:#f4f4f6}.bottom-nav-icon{font-size:20px}.bottom-nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.bottom-nav-item.active{color:#d96c9a}.bottom-nav-item.active .bottom-nav-icon{filter:none}.stepper-dot.clickable{cursor:pointer}.stepper-dot.clickable:hover .stepper-circle{box-shadow:0 0 0 3px rgba(217,108,154,.25)}.video-preview{width:100%;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;background-color:#000000}.video-preview video{width:100%;max-height:480px;display:block;background-color:#000000}.history-view{padding-bottom:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:16px 18px;border:1px solid #e8e8e8;border-radius:8px;background-color:#ffffff;cursor:pointer;transition:all .2s ease}.history-card:hover{border-color:#d96c9a}.history-card-main{display:flex;flex-direction:column;gap:4px}.history-card-title{font-size:15px;font-weight:700;color:#000000}.history-card-meta{font-size:12px;color:#9da3ae;text-transform:uppercase;letter-spacing:.3px}.history-card-arrow{font-size:22px;color:#d96c9a}.history-detail-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:100}.history-detail-panel{position:relative;background-color:#ffffff;border-radius:16px 16px 0 0;padding:28px 20px;width:100%;max-width:900px;max-height:85vh;overflow-y:auto}.history-detail-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:#9da3ae;cursor:pointer;padding:6px}.history-detail-text{font-size:14px;line-height:1.7;color:#000000;margin-bottom:16px;white-space:pre-wrap}@media (min-width:769px){.history-detail-overlay{align-items:center}.history-detail-panel{border-radius:16px}}@media (max-width:768px){.bottom-nav-item{min-width:60px;padding:8px 16px}}.outfit-reference{margin-bottom:20px;padding:16px;border:1px dashed #e8e8e8;border-radius:8px;background-color:#f9f9f9}.outfit-reference-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:700;color:#000000;text-transform:uppercase;letter-spacing:.4px}.outfit-preview{width:100%;max-width:240px;margin:0 auto 12px;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;background-color:#ffffff}.outfit-preview img{width:100%;height:auto;display:block}.btn-small{padding:10px 16px!important;font-size:13px!important;min-height:36px!important;flex:0 1 auto!important}