#visual-ribbon[hidden],#visual-panel[hidden]{display:none!important}#visual-ribbon{padding:10px 20px;border-top:1px solid var(--line);background:#111310;flex:none}body:not([data-session=practice]) #visual-ribbon{display:none}.visual-ribbon-heading{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:7px}.visual-ribbon-heading label{margin:0;display:flex;align-items:center;gap:5px;margin-left:auto}.visual-ribbon-heading button{padding:5px 10px}#visual-measures{display:flex;gap:6px;overflow:auto}.visual-measure{flex:1;min-width:65px;padding:6px;text-align:left;background:#191c17;border:1px solid #45606b;border-radius:7px;color:#d8d1c3}.visual-measure span{font-size:11px}.visual-measure svg{display:block;width:100%;height:30px}.visual-measure[aria-current=true]{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}#visual-panel{padding:18px;background:#111310;border:1px solid var(--line);border-radius:12px;margin:18px 0}#visual-panel h3{font:24px Georgia;margin:0 0 8px}.visual-legend{font-size:13px;display:flex;gap:20px;flex-wrap:wrap}.visual-legend span:first-child{color:#efac80}.visual-legend span:last-child{color:#74bafa}#visual-curves{overflow:auto}#visual-curves svg{display:block;width:100%;min-width:400px;cursor:pointer}.visual-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.visual-controls label{display:flex;align-items:center;gap:7px}.visual-controls input[type=number]{width:65px}#visual-status{font-size:13px;color:var(--mint);line-height:1.5}#visual-panel :focus-visible,#visual-ribbon :focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:600px){#visual-panel{padding:12px}#visual-ribbon{padding:8px 12px}.visual-ribbon-heading{flex-wrap:wrap}.visual-ribbon-heading label{margin-left:0}.visual-measure svg{height:24px}}body.immersive #visual-ribbon{padding:5px 12px}body.immersive .visual-measure svg{height:20px}
.visual-expression{margin-top:15px;padding-top:16px;border-top:1px solid var(--line)}.visual-expression h4{font-size:17px;margin:0 0 8px}#visual-expression-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual-expression-card{padding:12px;background:#191c17;border:1px solid var(--line);border-radius:9px}.visual-expression-card p{font-size:13px;line-height:1.5;margin:7px 0 0}.visual-expression-a b{color:#efac80}.visual-expression-b b{color:#74bafa}.visual-expression-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.visual-expression-bar{display:flex;flex-direction:column;gap:7px;text-align:left;padding:12px;background:#191c17;border:1px solid var(--line);border-radius:8px}.visual-expression-bar span{font-size:12px}.visual-expression-bar span:nth-child(2){color:#efac80}.visual-expression-bar span:nth-child(3){color:#74bafa}.visual-contour-difference{background:#383125!important;border-color:#d4ae70!important}.visual-measure small{display:block;font-size:11px;margin-top:4px;color:#d5dedb}#visual-expression-prompt{padding:12px;border-left:3px solid var(--mint);background:#191c17}#visual-expression-summary:empty{display:none}@media(max-width:450px){#visual-expression-summary{grid-template-columns:1fr}.visual-expression-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-expression-bar{padding:9px}}
.visual-expression-bar[aria-current=true]{outline:2px solid var(--mint);outline-offset:1px}