.tryon-container{align-items:flex-start;box-sizing:border-box;gap:2rem;margin:2rem auto;max-width:1100px;padding:0 1rem}.brand-header,.tryon-container{display:flex;justify-content:center}.brand-header{align-items:center;gap:.75rem;margin-top:1rem}.brand-header img{height:36px;width:36px}.brand-header .brand-title{font-size:1.25rem;font-weight:600}.tryon-left,.tryon-right{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000f;color:#0f172a;max-width:100%;padding:1rem 1.25rem;width:350px}.tryon-left h2,.tryon-right h2{color:#0f172a;font-size:1.1rem;margin:0 0 .5rem}.tryon-form label{display:block;font-weight:500;margin-top:1rem}.tryon-form label+button.soft-blue-btn{margin-top:.35rem}.preview-box{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;height:200px;justify-content:center;margin-bottom:.75rem;margin-top:.5rem;overflow:hidden;position:relative;width:200px}.preview-box.garment-preview{background:#f3f4f6;border-color:#e5e7eb}.preview-img{max-height:100%;max-width:100%;object-fit:contain;position:relative}.placeholder-text{color:#6b7280;font-size:.95rem}.result{max-width:100%}.result-wrapper{align-items:center;aspect-ratio:3/4;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;margin-top:1rem;max-width:480px;overflow:hidden;position:relative;width:100%}.output-img{display:block;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease,filter .2s ease}.result-wrapper:hover .output-img{filter:saturate(1.02);transform:scale(1.02)}.lightbox{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lightbox-inner{max-height:92vh;max-width:92vw}.lightbox-inner img{border-radius:6px;box-shadow:0 8px 24px #00000059;max-height:100%;max-width:100%;object-fit:contain}.scroller-shell{position:relative}.garment-scroller{background:linear-gradient(180deg,#f8f9fa,#fff);border-radius:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:.25rem;scroll-behavior:smooth;white-space:nowrap}.garment-row{display:flex;flex-wrap:nowrap;gap:.5rem;padding:.25rem}.garment-tile{cursor:pointer;min-width:110px;text-align:center}.garment-thumb{align-items:center;background:#fff;border:1px solid #c4c9cf;border-radius:6px;display:flex;height:100px;justify-content:center;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;width:100px}.garment-thumb.selected{border:2px solid #6b7280;box-shadow:0 0 0 2px #6b728026}.garment-thumb img{height:100%;object-fit:contain;width:100%}.garment-name{font-size:.6rem;margin-top:4px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.scroller-btn{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border:1px solid #a1a7b0;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#1f2937;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:28px}.scroller-btn.left{left:4px}.scroller-btn.right{right:4px}.scroller-btn.disabled{opacity:.35;pointer-events:none}.scroller-gradient{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease;width:28px}.scroller-gradient.left{background:linear-gradient(90deg,#f3f4f6,#f3f4f600);left:0}.scroller-gradient.right{background:linear-gradient(270deg,#f3f4f6,#f3f4f600);right:0}.scroller-gradient.show{opacity:1}.garment-scroller::-webkit-scrollbar{height:10px}.garment-scroller::-webkit-scrollbar-track{background:#eceff3;border-radius:8px}.garment-scroller::-webkit-scrollbar-thumb{background:#9aa6b2;border:2px solid #eceff3;border-radius:8px}.garment-scroller::-webkit-scrollbar-thumb:hover{background:#6b7280}.garment-scroller{scrollbar-color:#9aa6b2 #eceff3;scrollbar-width:thin}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.progress{background:linear-gradient(90deg,#4f8cff,#38e6b0);height:100%;transition:width .3s ease}.progress.indeterminate{animation:progressAnim 1.2s linear infinite;width:100%}@keyframes progressAnim{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.status-field{color:#444;font-size:1rem;margin-top:1rem;min-height:1.5em}.tryon-form textarea{border:1px solid #eee;border-radius:4px;font-size:1rem;margin-top:.5rem;min-height:60px;padding:.5rem;width:100%}.tryon-form button.primary-action{background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;color:#0f172a;cursor:pointer;font-size:.95rem;margin-top:1rem;padding:.55rem 1.4rem;transition:background .2s,border-color .2s}.tryon-form button.primary-action:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.compact-buttons .mini-btn,.compact-buttons button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.65rem;line-height:1;padding:.3rem .55rem}.compact-buttons .mini-btn:hover,.compact-buttons button:hover{background:#e5e7eb}.result-actions button{font-size:.7rem;padding:.4rem .6rem}.tryon-form button:disabled{background:#e6eaff;border-color:#d6ddff;color:#6b7280;cursor:not-allowed}.primary-action{background:#eef2ff;border:1px solid #c7d2fe;color:#0f172a}.primary-action:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.primary-action:disabled{background:#e6eaff;border-color:#d6ddff;color:#6b7280}.soft-blue-btn{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#0f172a;cursor:pointer;font-size:.75rem;line-height:1;padding:.22rem .5rem}.soft-blue-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.soft-blue-btn:disabled{cursor:not-allowed;opacity:.65}.info-box{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#0f172a;font-family:inherit;margin-bottom:.75rem;margin-top:1rem;padding:.6rem .75rem}.info-box h2{color:inherit;font-size:1.1rem;font-weight:600;margin:0 0 .4rem}.info-box ul{margin:0;padding-left:1rem}.info-box li{font-size:.9rem;line-height:1.3;margin:.2rem 0}@media (max-width:900px){.tryon-container{align-items:stretch;flex-direction:column}.tryon-left,.tryon-right{width:100%}.primary-action{min-height:44px;width:100%}}.app-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:1rem 0 .5rem}.app-header img{height:36px;width:36px}body{background:linear-gradient(180deg,#fafafa,#f3f4f6)}.app-header h1{color:#0f172a;font-size:1.85rem;font-weight:700;margin:0}.app-header img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.app-footer{background:linear-gradient(180deg,#f2f3f5,#e9ecef);border-top:1px solid #0000000f;margin-top:1.25rem;padding:.9rem 1rem}.footer-inner{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin:0 auto;max-width:980px;text-align:center}.app-footer a{color:#1d4ed8;text-decoration:none}.app-footer a:hover{text-decoration:underline}.footer-sep{margin:0 .5rem;opacity:.5}.footer-copy{color:#475569;font-size:.85rem;margin-left:1rem}.footer-icon{opacity:.8}.footer-break{flex-basis:100%}.footer-brown{color:#8b5e3c}
/*# sourceMappingURL=main.4226432b.css.map*/