.tool-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:1rem;align-items:start}@media(max-width:900px){.tool-grid{grid-template-columns:1fr}}.gear-selector-panel,.balance-visualizer-panel{display:flex;flex-direction:column;gap:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:.75rem}.panel-header h2{font-size:1.5rem;font-family:Outfit,sans-serif;margin:0;color:var(--text-primary)}.panel-actions{display:flex;gap:.5rem}.tool-action-btn{padding:.45rem 1rem;font-size:.775rem;font-weight:700;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.primary-action{background-color:var(--accent-color);color:#fff;border:none}.primary-action:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px var(--accent-light)}.outline-action{background:transparent;color:var(--text-secondary);border:1px solid var(--panel-border)}.outline-action:hover{color:var(--text-primary);border-color:var(--text-primary)}.categories-container{display:flex;flex-direction:column;gap:1rem}.gear-category-card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px #00000005}.gear-category-card h3{font-family:Outfit,sans-serif;font-size:1.05rem;margin:0;color:var(--accent-color);font-weight:700}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:.5rem;border-bottom:1px solid var(--panel-border);user-select:none}.accordion-header:hover h3{color:var(--text-primary)}.accordion-chevron{font-size:1rem;color:var(--text-secondary);transition:transform .3s ease}.gear-category-card.open .accordion-chevron{transform:rotate(0)}.gear-category-card:not(.open) .accordion-chevron{transform:rotate(-90deg)}.accordion-body{max-height:500px;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease;opacity:1;margin-top:.75rem}.accordion-body.collapsed{max-height:0;opacity:0;margin-top:0}.gear-items-list{display:flex;flex-direction:column;gap:.75rem}.gear-item-row{display:grid;grid-template-columns:1.5fr 70px 2.2fr;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background-color:var(--bg-color);border:1px solid var(--panel-border);transition:border-color .2s ease,background-color .2s ease}.gear-item-row:hover{border-color:var(--accent-color)}.gear-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.gear-item-weight{font-size:.8rem;color:var(--text-secondary);font-weight:500}.pocket-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:2px}.pocket-btn{background:none;border:none;font-size:.65rem;font-weight:700;padding:.35rem 0;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .15s ease;text-align:center}.pocket-btn:hover{color:var(--text-primary);background-color:#ffffff08}:root.theme-light .pocket-btn:hover{background-color:#0000000a}.pocket-btn.active{background-color:var(--accent-color);color:#fff!important}.visualizer-card,.analytics-card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:1.5rem}.visualizer-card h2,.analytics-card h2{font-size:1.25rem;font-family:Outfit,sans-serif;margin:0 0 1rem;color:var(--text-primary);border-bottom:1px solid var(--panel-border);padding-bottom:.75rem}.zone-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.75rem}.zone-center-bike{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 0}.bike-icon{font-size:3rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(220,90,40,.3))}.bike-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-top:.25rem}.zone-card{background-color:var(--bg-color);border:2px dashed var(--panel-border);border-radius:10px;padding:1rem;text-align:center;transition:all .3s ease;position:relative}.zone-card.loaded{border-style:solid;border-color:var(--accent-color);background:linear-gradient(135deg,var(--bg-color) 0%,rgba(220,90,40,.06) 100%);box-shadow:0 0 12px #dc5a2826}.zone-card-icon{font-size:1.5rem;margin-bottom:.25rem}.zone-card-label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.zone-card.loaded .zone-card-label{color:var(--accent-color)}.zone-card-weight{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:.25rem 0}.zone-card.loaded .zone-card-weight{color:var(--accent-color)}.zone-card-items{font-size:.7rem;color:var(--text-secondary);line-height:1.4;max-height:3.5rem;overflow:hidden}.total-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.stat-box{background-color:var(--bg-color);border:1px solid var(--panel-border);padding:.75rem;border-radius:8px;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;margin-top:.15rem;color:var(--text-primary)}.lateral-balance-bar-container{margin-top:1.5rem;background-color:var(--bg-color);border:1px solid var(--panel-border);padding:.75rem;border-radius:8px}.balance-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}#lateral-diff-label{color:var(--accent-color)}.balance-track{height:8px;background-color:var(--panel-bg);border-radius:4px;position:relative;border:1px solid var(--panel-border)}#balance-center-line{position:absolute;left:50%;top:0;width:2px;height:100%;background-color:var(--panel-border)}#balance-indicator-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background-color:var(--accent-color);border:2px solid #fff;box-shadow:0 0 6px var(--accent-color);transition:left .3s cubic-bezier(.16,1,.3,1)}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.45;margin-bottom:.75rem;animation:alertSlideIn .3s ease}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.alert-item.success{background-color:var(--success-light);border-left:4px solid var(--success-color);color:var(--text-primary)}.alert-item.warning{background-color:var(--accent-light);border-left:4px solid var(--accent-color);color:var(--text-primary)}.alert-item.danger{background-color:var(--danger-light);border-left:4px solid var(--danger-color);color:var(--text-primary)}.alert-icon{font-size:1.1rem}.alert-content h4{margin:0 0 .15rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.alert-content p{margin:0;font-size:.8rem;color:var(--text-secondary)}