#classic-view{--bg:#f5f8fc;--panel:#fff;--ink:#172033;--muted:#64748b;--border:#d8e2ef;--grid:#e7edf5}#classic-view *{box-sizing:border-box}#classic-view{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700}#classic-view .wrap{max-width:2600px;margin:0 auto;padding:5px}#classic-view .sub{margin:2px 0 0;color:var(--muted);font-weight:800}#classic-view .sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#classic-view .board{display:grid;grid-template-columns:390px minmax(0,1fr);grid-template-rows:auto auto;gap:5px}#classic-view .side{grid-column:1;grid-row:1/3;display:grid;align-content:start;gap:5px}#classic-view .plots{grid-column:2;grid-row:1}#classic-view .aggregate-card{grid-column:2;grid-row:2}#classic-view .card,#classic-view .comparison-card,#classic-view .aggregate-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:5px}#classic-view .section-title{margin:0 0 3px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#46566c;font-weight:900}#classic-view .export-stack{display:grid;gap:4px}#classic-view .rows-control{display:grid;grid-template-columns:42px minmax(0,1fr) 48px;gap:4px;align-items:center;margin-top:4px}#classic-view .rows-control input[type=number],#classic-view .rows-control select{width:48px}#classic-view button,#classic-view select,#classic-view input{height:22px;border:1px solid #b9c8da;border-radius:5px;background:#fff;color:#26364d;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900}#classic-view button{padding:0 7px;cursor:pointer}#classic-view .motif-select{width:100%;margin-bottom:4px}#classic-view .motif-logo{height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e1e8f0;border-radius:7px;background:#fff}#classic-view .motif-logo svg,#classic-view .motif-logo img{max-width:100%;max-height:126px}#classic-view .detail-grid p{margin:2px 0}#classic-view .sample-style-panel{display:grid;gap:5px;max-height:470px;overflow:auto}#classic-view .sample-style-row{display:grid;grid-template-columns:18px minmax(138px,1fr) 34px 42px 42px 54px;gap:4px;align-items:center;min-height:22px}#classic-view .sample-style-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#classic-view .sample-style-row input[type=color]{width:34px;padding:1px}#classic-view .sample-style-row input[type=number],#classic-view .sample-style-row select{width:100%;min-width:0}#classic-view .comparison-grid{display:grid;grid-template-columns:repeat(var(--comparison-cols,2),minmax(0,1fr));gap:5px}#classic-view .comparison-card{min-width:0}#classic-view .comparison-head{display:flex;align-items:center;gap:5px;margin-bottom:2px}#classic-view .comparison-head select{flex:1;min-width:0}#classic-view .pair{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr);gap:4px;align-items:start}#classic-view .comparison-grid.compact-panels .pair{grid-template-columns:1fr}#classic-view .comparison-grid.compact-panels .plot-box svg{max-height:255px}#classic-view .plot-box{min-width:0;overflow:hidden}#classic-view .plot-box svg,#classic-view .aggregate-plot svg{width:100%;height:auto;display:block;background:#fff}#classic-view .aggregate-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:2px}#classic-view .aggregate-grid{display:grid;grid-template-columns:repeat(var(--aggregate-cols,4),max-content);gap:8px;justify-content:start}#classic-view .aggregate-tile{border:1px solid #e1e8f0;border-radius:7px;background:#fff;min-width:0;display:grid;grid-template-columns:180px max-content;gap:4px 7px;align-items:start;padding:3px;width:max-content;max-width:100%}#classic-view .aggregate-tile-label{grid-column:1/-1;font-size:9px;font-weight:900;color:#172033;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#classic-view .aggregate-plot{width:180px;aspect-ratio:1/1}#classic-view .aggregate-plot svg{height:100%;aspect-ratio:1/1}#classic-view .aggregate-legend-mini{display:grid;gap:3px;align-content:start;padding:3px 2px 0 0;background:#fff;overflow:visible}#classic-view .agg-legend-row{display:grid;grid-template-columns:24px max-content;gap:4px;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:8.5px;font-weight:900;color:#000;line-height:1.15}#classic-view .agg-legend-row span{white-space:nowrap;color:#000}#classic-view .agg-legend-line{width:22px;height:0;border-top-style:solid}#classic-view .axis{stroke:#344256;stroke-width:1.2}#classic-view .zero{stroke:#7c8798;stroke-width:1.1;stroke-dasharray:4 4}#classic-view .grid{stroke:var(--grid);stroke-width:1}#classic-view .tick{font-size:10px;fill:#526176;font-weight:800}#classic-view .axis-label{font-size:11px;fill:#243247;font-weight:900}#classic-view .plot-title{font-size:13px;font-weight:900;fill:#172033}#classic-view .pt,#classic-view .rank-bar,#classic-view .rank-name{cursor:pointer}#classic-view .pt.selected{filter:drop-shadow(0 1px 2px rgba(15,23,42,.30))}#classic-view .rank-bar.selected{stroke:#111827;stroke-width:1.5}@media(max-width:1450px){#classic-view .board{grid-template-columns:340px minmax(0,1fr)}#classic-view .comparison-grid{grid-template-columns:1fr}#classic-view .aggregate-grid{grid-template-columns:repeat(2,max-content)}#classic-view .pair,#classic-view .comparison-grid.compact-panels .pair{grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr)}#classic-view .comparison-grid.compact-panels .plot-box svg{max-height:none}}@media(max-width:900px){#classic-view .board{display:block}#classic-view .side,#classic-view .plots,#classic-view .aggregate-card{margin-bottom:8px}#classic-view .comparison-grid,#classic-view .pair,#classic-view .comparison-grid.compact-panels .pair{display:block}#classic-view .comparison-card,#classic-view .aggregate-tile{margin-bottom:8px}#classic-view .aggregate-grid{grid-template-columns:1fr}#classic-view .aggregate-tile{grid-template-columns:180px minmax(0,max-content)}}@media(max-width:520px){#classic-view .aggregate-tile{grid-template-columns:1fr}#classic-view .aggregate-plot{width:100%}}

body.classic-mode {overflow-y:auto;} body.classic-mode > .wrap {display:none;} #classic-view[hidden]{display:none;}
body.classic-mode > #status {display:none;}
#classic-view .export-stack {grid-template-columns:1fr;}
#classic-view .axis {stroke:#000;}
#classic-view .zero {stroke:#555;}
#classic-view .tick {fill:#000;font-weight:900;}
#classic-view .axis-label,#classic-view .plot-title {fill:#000;}
#classic-view .classic-controls {padding:7px;} #classic-view .classic-controls label {display:flex;align-items:center;gap:5px;margin:5px 0;flex-wrap:wrap;} #classic-view .classic-controls select {max-width:100%;} #classic-view .classic-controls input[type=number]{width:78px;} #classic-view .classic-controls details {margin-top:6px;} #classic-view .classic-controls summary {cursor:pointer;} #classic-view .axis-editor input[type=range]{width:130px;min-width:0;} #classic-view .axis-editor input[type=number]{width:95px;} #classic-view .axis-editor button{height:auto;min-height:22px;} #classic-view .classic-status {font-size:10px;color:#475569;margin:5px 0;overflow-wrap:anywhere;} #classic-view .classic-view-choice{width:100%;} #classic-view .aggregate-card{overflow-x:auto;} #classic-view .comparison-card[data-editing=true]{border-color:#9aabc1;} #classic-view .clip-note{color:#9a3412;} #classic-view .classic-controls [aria-invalid=true]{outline:2px solid #b91c1c;}