body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{display:flex;height:100vh;width:100%}.three-model-viewer{flex:8 1;height:100%}.three-model-viewer canvas{background:linear-gradient(180deg,#e6fffd,#c7f7f1,#b4f0e8);height:100%!important;width:100%!important}.Texture{align-items:flex-start;background-color:#dfdfdf1f;flex:2 1;height:100%;overflow-y:auto;padding:10px}.Texture,.box-wrapper{display:flex;justify-content:center}.box-wrapper{padding:20px;width:100px!important}.box-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;width:400px}.box-section{align-items:center;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000000d;display:flex;flex-direction:column;height:146px;justify-content:center;padding:15px;width:300PX}.skin-options{display:flex;gap:10px}.skin-circle{border:2px solid #ccc;border-radius:50%;cursor:pointer;height:40px;width:40px}.clothes-options{display:flex;gap:10px}.clothes-img{border:2px solid #0000;border-radius:8px;cursor:pointer;height:100px;object-fit:cover;width:80px}.bodytype-options{display:flex;gap:10px}.bodytype-btn{background:#eee;border:none;border-radius:8px;cursor:pointer;padding:8px 14px;transition:background .2s}.bodytype-btn:hover{background:#ddd}@media (min-width:600px){.box-item{flex:0 0 48%}}@media (min-width:900px){.box-item{flex:0 0 30%}}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.error-content{animation:slideIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center}.error-icon{margin-bottom:1.5rem}.error-content h1{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.error-content p{color:#666;line-height:1.6;margin-bottom:2rem}.error-details{background:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:left}.error-details summary{color:#495057;cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-details pre{background:#e9ecef;border-radius:4px;color:#dc3545;font-size:.8rem;overflow-x:auto;padding:.5rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.error-button.primary{background:#007bff;color:#fff}.error-button.primary:hover{background:#0056b3;transform:translateY(-2px)}.error-button.secondary{background:#6c757d;color:#fff}.error-button.secondary:hover{background:#545b62;transform:translateY(-2px)}.back-button{border-radius:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loader-wrapper{align-items:center;background:#2c2c35;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ring{animation:spin 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#0ff;box-shadow:0 0 8px #0ff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#ui{background:#0009;border-radius:8px;color:#fff;left:10px;padding:10px;position:absolute;top:10px;z-index:10}#ui button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:6px 12px}#loading{align-items:center;background:#000000b3;color:#fff;display:flex;font-size:22px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}