:root{--primary-color:#e91e63;--primary-light:#f48fb1;--secondary-color:#9b59b6;--text-primary:#2d3436;--text-secondary:#636e72;--bg-light:#fff;--bg-dark:#1a1a2e;--shadow:0 4px 20px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}button,select{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#e91e63;--primary-light:#f48fb1;--secondary-color:#9b59b6;--text-primary:#2d3436;--text-secondary:#636e72;--bg-light:#fff;--bg-dark:#1a1a2e;--shadow:0 4px 20px #0000001a;--shadow-hover:0 8px 30px #00000026}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app{width:100vw;min-height:100vh;display:flex}.scene-container{background:radial-gradient(#2d3436 0%,#1a1a2e 70%);flex:1;position:relative}.scene-container canvas{display:block}.ui-container-right{background:var(--bg-light);flex-direction:column;gap:24px;width:340px;padding:24px;display:flex;overflow-y:auto;box-shadow:-4px 0 20px #0000001a}.title-section{text-align:center}.app-title{color:var(--text-primary);background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.app-subtitle{color:var(--text-secondary);font-size:14px}.section-title{color:var(--text-primary);border-bottom:2px solid var(--primary-light);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600}.clothing-selector{background:#f8f9fa;border-radius:16px;padding:20px}.clothing-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.clothing-card{background:var(--bg-light);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .3s;display:flex}.clothing-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-light);transform:translateY(-4px)}.clothing-card.active{border-color:var(--primary-color);background:#fff0f5}.clothing-preview{border-radius:50%;width:44px;height:44px;transition:transform .3s;box-shadow:inset -3px -3px 8px #0000001a,inset 3px 3px 8px #ffffff4d}.clothing-card:hover .clothing-preview{transform:scale(1.1)}.clothing-name{color:var(--text-primary);font-size:12px;font-weight:500}.size-selector{background:#f8f9fa;border-radius:16px;padding:20px}.size-buttons{flex-wrap:wrap;gap:8px;display:flex}.size-btn{background:var(--bg-light);min-width:44px;min-height:44px;color:var(--text-primary);cursor:pointer;border:2px solid #dee2e6;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s}.size-btn:hover{border-color:var(--primary-light);color:var(--primary-color)}.size-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tips-section{background:linear-gradient(135deg,#fff9c4 0%,#fff3e0 100%);border-radius:16px;padding:20px;position:relative}.tips-card{position:relative}.tips-title{color:#f57c00;margin-bottom:12px;font-size:15px;font-weight:600}.tips-list{color:var(--text-secondary);font-size:13px;list-style:none}.tips-list li{padding:6px 0 6px 20px;position:relative}.tips-list li:before{content:"✓";color:#4caf50;font-weight:700;position:absolute;left:0}.close-tips{cursor:pointer;color:#f57c00;background:#f57c0033;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.close-tips:hover{background:#f57c004d;transform:rotate(90deg)}.footer-section{gap:12px;margin-top:auto;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s}.action-btn.primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 15px #e91e634d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.action-btn.secondary{background:var(--bg-light);color:var(--text-primary);border:2px solid #dee2e6}.action-btn.secondary:hover{border-color:var(--primary-light);color:var(--primary-color)}.welcome-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.welcome-screen h2{color:var(--text-primary);margin-bottom:12px;font-size:22px}.welcome-hint{color:var(--text-secondary);font-size:14px}@media (width<=900px){.app{flex-direction:column}.ui-container-right{width:100%;max-height:45vh;box-shadow:none;padding:20px}.scene-container{min-height:55vh}.clothing-grid{grid-template-columns:repeat(5,1fr);gap:8px}.clothing-card{padding:8px 4px}.clothing-preview{width:36px;height:36px}.clothing-name{font-size:10px}}