.hemline-body-container{display:flex;justify-content:center;align-items:center;padding:15px;min-height:320px}.hemline-body-svg{max-width:100%;height:auto}.hemline-presets-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hemline-preset-btn{flex:1 1 calc(20% - 8px);min-width:60px;padding:8px 12px;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.hemline-preset-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.hemline-preset-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.hemline-result-card{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:12px;padding:15px;margin-bottom:12px;border:1px solid rgba(102,126,234,.2)}.hemline-result-label{font-size:.85rem;color:#64748b;margin-bottom:5px}.hemline-result-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hemline-result-value.hemline-position-highlight{font-size:1.8rem}.hemline-category-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.95rem}.hemline-category-mini{background:linear-gradient(135deg,#f97316 0%,#fb923c 100%);color:#fff}.hemline-category-short{background:linear-gradient(135deg,#eab308 0%,#facc15 100%);color:#1e293b}.hemline-category-knee{background:linear-gradient(135deg,#22c55e 0%,#4ade80 100%);color:#fff}.hemline-category-midi{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:#fff}.hemline-category-maxi{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:#fff}.hemline-category-floor{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.hemline-tips-card{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(74,222,128,.1) 100%);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:15px;margin-top:15px}.hemline-tips-card i{color:#22c55e;margin-right:8px}.hemline-tips-text{font-size:.95rem;line-height:1.6;color:#374151}.hemline-body-outline{fill:none;stroke:#94a3b8;stroke-width:2}.hemline-reference-line{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:4,4}.hemline-waist-line{stroke:#667eea;stroke-width:2}.hemline-knee-line{stroke:#22c55e;stroke-width:2}.hemline-ankle-line{stroke:#f59e0b;stroke-width:2}.hemline-shoulder-line{stroke:#8b5cf6;stroke-width:2}.hemline-ground-line{stroke:#94a3b8;stroke-width:1}.hemline-marker{fill:#ef4444;stroke:white;stroke-width:2}.hemline-marker-line{stroke:#ef4444;stroke-width:3}.hemline-label{font-size:11px;font-family:'Roboto',sans-serif;fill:#64748b}.hemline-marker-label{font-size:12px;font-weight:600;font-family:'Roboto',sans-serif;fill:#ef4444}.hemline-label-left{font-size:10px;font-family:'Roboto',sans-serif;fill:#64748b}.hemline-dim-line{stroke:#374151;stroke-width:1}.hemline-dim-line-secondary{stroke:#94a3b8;stroke-width:1;stroke-dasharray:2,2}.hemline-dim-text{font-size:12px;font-weight:600;font-family:'Roboto',sans-serif;fill:#374151}.hemline-dim-text-small{font-size:10px;font-family:'Roboto',sans-serif;fill:#64748b}.hemline-dim-header{font-size:10px;font-family:'Roboto',sans-serif;fill:#94a3b8}@keyframes hemlinePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hemline-marker-animated{animation:hemlinePulse 1.5s ease-in-out infinite;transform-origin:center}.hemline-input-group{margin-bottom:15px}.hemline-input-label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#374151}.hemline-input-label .tooltip-icon,.card-title .tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:10px;cursor:help;position:relative}.hemline-input-label .tooltip-icon i,.card-title .tooltip-icon i{font-size:9px}.hemline-input-label .tooltip-icon:hover .tooltip-text,.card-title .tooltip-icon:hover .tooltip-text{display:block}.hemline-input-label .tooltip-text,.card-title .tooltip-text{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;z-index:100;margin-bottom:5px}.hemline-input-label .tooltip-text::after,.card-title .tooltip-text::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e293b}.hemline-distance-indicator{display:flex;align-items:center;gap:8px}.hemline-distance-value{font-size:1.3rem;font-weight:700}.hemline-distance-above{color:#22c55e}.hemline-distance-below{color:#3b82f6}.hemline-distance-label{font-size:.9rem;color:#64748b}@media(max-width:991px){.hemline-body-container{min-height:160px}.hemline-result-value.hemline-position-highlight{font-size:1.5rem}}@media(max-width:767px){.hemline-body-container{min-height:140px;padding:10px}.hemline-body-svg{max-width:50%}.hemline-result-value{font-size:1.3rem}.hemline-result-value.hemline-position-highlight{font-size:1.4rem}.hemline-category-badge{padding:5px 12px;font-size:.85rem}}.hemline-visual-title{text-align:center;margin-bottom:10px;color:#64748b;font-size:.9rem}.hemline-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.hemline-legend-item{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#64748b}.hemline-legend-line{width:20px;height:3px;border-radius:2px}.hemline-legend-waist{background:#667eea}.hemline-legend-knee{background:#22c55e}.hemline-legend-ankle{background:#f59e0b}.hemline-legend-hemline{background:#ef4444}.hemline-legend-shoulder{background:#8b5cf6}