.analysis-page{animation:fadeIn .3s ease-in}.analysis-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem;min-height:600px}.analysis-left{min-width:0}.analysis-right{min-width:0;padding-top:4rem}.analysis-header{margin-bottom:1.5rem}.analysis-header h2{font-size:2rem;font-weight:600;color:var(--neutral-900);margin:0}.analysis-chart{margin-bottom:1.5rem}.analysis-chart-heading{margin:0 0 .75rem}.analysis-chart-title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3;color:var(--neutral-900)}.analysis-chart-subtitle{margin-top:.35rem;font-size:1.05rem;font-weight:500;line-height:1.4;color:var(--neutral-600)}.analysis-description{margin-bottom:1.25rem;color:var(--neutral-700);line-height:1.6}.analysis-examples{margin:0 0 1.25rem}.analysis-examples-list{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--neutral-400) transparent}.analysis-examples-list::-webkit-scrollbar{height:4px}.analysis-examples-list::-webkit-scrollbar-track{background:transparent}.analysis-examples-list::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:999px}.analysis-examples-list::-webkit-scrollbar-button{display:none;width:0;height:0}.analysis-example-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;background:#fff;border:2px solid var(--primary-600);color:var(--primary-700);border-radius:.5rem;padding:.55rem .95rem;font-size:.875rem;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}@media (hover:hover) and (pointer:fine){.analysis-example-chip:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:0 2px 8px rgba(15,23,42,.12)}}.analysis-example-chip:active:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);color:#fff}.analysis-example-chip.is-active{background:var(--primary-600);border-color:var(--primary-700);color:#fff}.analysis-example-chip:disabled{opacity:.5;cursor:default}.chart-header{margin-bottom:1rem}.chart-header h2{font-size:1.5rem;font-weight:600;color:var(--neutral-900);margin:0 0 .25rem}.chart-subtitle{font-size:.875rem;color:var(--neutral-500);margin:0}.chart-container{width:100%;height:400px;margin-top:1rem}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--neutral-500);font-size:.9375rem}.selected-metrics{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-300)}.selected-metrics h3{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin-bottom:1rem}.selected-metrics-list{display:flex;flex-direction:column;gap:.5rem}.selected-metric-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:.375rem;transition:background-color .15s ease-in-out}.selected-metric-item:hover{background:var(--secondary-100)}.selected-metric-info{display:flex;align-items:center;gap:.75rem;flex:1 1}.metric-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.metric-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.metric-name{font-size:.9375rem;font-weight:500;color:var(--neutral-900)}.metric-path{font-size:.8125rem;color:var(--neutral-500)}.remove-metric-btn{background:transparent;border:none;color:var(--neutral-500);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .15s ease-in-out;flex-shrink:0}.remove-metric-btn:hover{background:var(--neutral-300);color:var(--danger,#dc2626)}.analysis-loading,.analysis-no-data{text-align:center;padding:3rem 2rem;color:var(--neutral-500)}@media (max-width:991.98px){.analysis-layout{grid-template-columns:1fr}.analysis-right{padding-top:0}.analysis-content{min-height:auto}.analysis-example-chip{touch-action:manipulation}}@media (max-width:767.98px){.analysis-header h2{font-size:1.5rem}.analysis-examples-list{gap:.4rem;padding-bottom:.35rem}.analysis-example-chip{min-height:36px;font-size:.75rem;font-weight:600;padding:.4rem .7rem;border-width:1.5px;border-radius:999px}}