.plot-showcase{box-sizing:border-box;background:radial-gradient(ellipse at 20% 5%,#21566988,transparent 60%),#071a26;color:#e9fbff;padding:64px 5%;font-family:Arial,sans-serif;border-top:1px solid #7ae8f755;overflow:hidden}.plot-showcase *{box-sizing:border-box}.plot-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.plot-kicker{color:#83dce9;font-size:10px;letter-spacing:.2em}.plot-heading h2{font-size:clamp(30px,4vw,56px);font-weight:400;letter-spacing:-.04em;margin:18px 0 0;color:#effbff}.plot-showcase a{color:#9ae9f2;font-size:12px}.plot-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.plot-visual{min-width:0}.plot-surface{position:relative;aspect-ratio:874/656;background:#f9fcfd;border:1px solid #8ce6f877;border-radius:12px;box-shadow:0 0 50px #48c8dc18;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}.plot-surface:active{cursor:grabbing}.plot-surface img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;transition:transform .2s}.plot-loading{position:absolute;left:15px;top:12px;background:#09222de6;color:white;font-size:11px;padding:5px 9px;border-radius:4px}.plot-loading:empty{display:none}.plot-controls{display:flex;align-items:center;gap:15px;padding:20px 0 8px}.plot-controls button,.plot-options button{font:inherit;color:inherit;border:1px solid #6bafbc55;background:#183545;border-radius:5px;cursor:pointer;padding:10px 13px}.plot-controls button{font-size:12px;white-space:nowrap}.plot-controls label{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;min-width:0}.plot-controls input{width:100%;min-width:0;accent-color:#81e1eb}.plot-controls output{font-size:11px;white-space:nowrap;color:#b6d3dc}.plot-help{font-size:11px;color:#a6c2cd}.plot-panel label{font-size:11px;letter-spacing:.08em;display:block}.plot-panel select{display:block;width:100%;background:#173544;color:white;border:1px solid #538b9c;padding:12px;margin:10px 0 16px;border-radius:5px;font:inherit}.plot-options{display:grid;gap:8px}.plot-options button{text-align:left;font-size:13px;line-height:1.5}.plot-options button[aria-pressed=true]{border-color:#88edff;background:#22536a;box-shadow:inset 3px 0 #8af0ed}.plot-context{border-top:1px solid #5d91a044;margin-top:28px;padding-top:20px;color:#a9c9d3;font-size:12px;line-height:1.65}.plot-context>span{font-size:10px;color:#7de6ee;letter-spacing:.13em}.plot-note{color:#ffe0a0}.plot-showcase :focus-visible{outline:2px solid #7aefff;outline-offset:4px}.plot-library{margin:0;background:#071a26}.plot-library>header{padding:25px 5%;display:flex;justify-content:space-between;font:13px Arial;border-bottom:1px solid #56819055}.plot-library>header a{color:#ddf8ff;text-decoration:none}.plot-library .plot-showcase{max-width:1500px;margin:auto;border-top:0}.plot-surface.zoomed img{transform:scale(1.55)}
@media(max-width:900px){.plot-showcase{padding:40px 6%}.plot-layout{grid-template-columns:1fr}.plot-heading{align-items:start;flex-direction:column;gap:15px}.plot-heading h2{font-size:34px}.plot-panel{display:grid;grid-template-columns:1fr;gap:0}.plot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-controls{gap:8px;flex-wrap:wrap}.plot-controls label{min-width:90px}.plot-controls button{padding:9px}.plot-context{margin-top:18px}.plot-surface{border-radius:7px}.plot-help{line-height:1.6}.plot-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){.plot-surface img{transition:none}}
/* Keep supplied plots readable within the existing v1 global typography. */
.plot-showcase .plot-help,.plot-showcase .plot-context p{color:#b7d4dd;line-height:1.65;font-size:12px}.plot-showcase .plot-context .plot-note{color:#ffe0a0}.plot-showcase .plot-controls label{color:#d8f3f8;flex-direction:row}.plot-showcase .plot-surface{max-height:62svh}.plot-showcase .plot-range{padding:0;border:0;background:transparent}
/* Isolate category sizing from the v1 global select height:2cqw rule. */
.plot-showcase .plot-panel select{height:46px;min-height:46px;padding:0 36px 0 12px;font:14px/1.4 Arial,sans-serif;color:#f0fbff;background-color:#173544;color-scheme:dark;appearance:auto}.plot-showcase .plot-panel select option{color:#f0fbff;background-color:#173544}