.plot-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 20px}.plot-heading h2{margin-bottom:4px}.plot-heading-actions{display:flex;align-items:center;gap:8px}.plot-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.plot-picker{min-width:0}.plot-picker-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.plot-picker-tools select{min-width:140px}.plot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:690px;overflow:auto;padding:2px 5px 5px 2px}.plot-tile{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface,#fff);min-width:0}.plot-tile.inspected{border-color:var(--green);outline:1px solid var(--green)}.plot-thumbnail{display:block;border:0;background:#fff;width:100%;padding:6px;aspect-ratio:1.38;overflow:hidden}.plot-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.plot-tile>label{display:flex;align-items:flex-start;gap:6px;border-top:1px solid var(--line);padding:9px 7px;min-height:48px;font-size:11px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}.plot-tile input{accent-color:var(--green);margin:2px 0 0;flex-shrink:0}.plot-inspector{position:sticky;top:20px;min-width:0;padding-left:25px;border-left:1px solid var(--line)}.plot-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.plot-preview-heading h3{font-size:15px;margin-bottom:5px}.plot-preview-heading .muted{font-size:11px}.plot-preview-stage{position:relative;background:#fff;aspect-ratio:1.45;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}.plot-preview-stage>img{width:100%;height:100%;object-fit:contain}.plot-preview-stage.loading>img{opacity:.3}.plot-preview-stage>span{position:absolute;background:#fffef2f5;color:#58635b;padding:9px 12px;font-size:12px;max-width:90%;text-align:center}.plot-style-controls{padding-top:20px}.plot-style-controls fieldset{border:0;padding:0;margin:0 0 18px}.plot-style-controls legend{font-size:12px;margin-bottom:10px}.plot-palettes{display:flex;gap:12px;flex-wrap:wrap}.palette-swatch{display:flex;gap:3px;background:transparent;border:2px solid transparent;border-radius:5px;padding:4px;width:62px;height:38px}.palette-swatch>span{height:26px;flex:1;border-radius:2px}.palette-swatch[aria-pressed=true]{border-color:var(--green)}.plot-color-fields{display:grid;grid-template-columns:1fr 1fr minmax(0,1.3fr);gap:12px}.plot-color-fields label{font-size:11px;display:flex;flex-direction:column;gap:8px;min-width:0}.plot-color-fields input[type=color]{width:100%;height:34px;padding:3px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:4px;cursor:pointer}.plot-color-fields select{width:100%;min-width:0;height:34px;font-size:11px;padding:4px}.plot-compare-toggle{margin:20px 0 12px;display:inline-flex}.plot-comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.plot-comparisons figure{margin:0;min-width:0}.plot-comparisons img{display:block;background:#fff;aspect-ratio:1.4;width:100%;object-fit:contain;border:1px solid var(--line)}.plot-comparisons figcaption{font-size:10px;text-align:center;padding-top:6px;color:var(--muted)}.plot-bottom{display:flex;justify-content:space-between;gap:15px;padding:20px 0 26px}.plot-bottom .muted{font-size:11px}.plot-summary{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 0;margin:0 0 8px}.plot-summary>div{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;color:var(--muted)}.plot-summary svg{width:15px;height:15px}.plot-summary i,.run-swatches i{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #8884}.plot-summary>div>span:last-child{display:flex;gap:4px}.detail-plot-plan{font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;padding:0 0 14px;line-height:1.7;overflow-wrap:anywhere}.detail-plot-plan svg{width:15px;height:15px;margin-top:2px}.plot-result-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 0}.plot-result-tools>.muted{margin-right:auto}.plot-runs{margin-bottom:15px}.plot-run{border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.plot-run>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.plot-run>div>.button{margin-left:auto;font-size:10px;min-height:30px;padding:4px 9px}.run-swatches{display:flex;gap:3px}.plot-run details{margin:8px 0 3px;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.plot-run ul{padding-left:20px}.plot-run .form-error{margin:8px 0 0}.plot-image-dialog{width:1100px}.plot-image-dialog>img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#fff}.workspace-nav nav{flex-wrap:wrap}.workspace-nav{gap:12px}
.plot-grid{display:block}.plot-picker-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.plot-picker-tools select{max-width:100%;min-width:0;flex:1}.plot-category{min-width:0;border-top:1px solid var(--line);padding-bottom:16px}.plot-category-heading{display:flex;align-items:center;gap:8px;min-height:48px;padding:3px 1px}.plot-category-heading>input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--green);cursor:pointer}.plot-category-heading h3{margin:0;flex:1;min-width:0;font-size:14px}.plot-category-heading button{display:flex;align-items:center;gap:7px;width:100%;min-height:42px;border:0;background:transparent;color:var(--text);padding:4px 0;text-align:left;font:inherit;cursor:pointer}.plot-category-heading button span{overflow-wrap:anywhere}.plot-category-heading svg{width:16px;height:16px;flex-shrink:0}.plot-category-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.plot-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:2px}.plot-category-grid[hidden]{display:none}
@media(max-width:1100px){.plot-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
html[data-theme=dark] .plot-tile.inspected,html[data-theme=dark] .palette-swatch[aria-pressed=true]{border-color:#86c7a2;outline-color:#86c7a2}html[data-theme=dark] .plot-style-controls legend{color:#b1c7b8}
@media(max-width:1100px){.plot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.plot-inspector{padding-left:20px}.workspace-nav>.muted{display:none}}
@media(max-width:730px){.workspace-nav nav{gap:18px}.tab{gap:4px}.tab>svg{width:15px;height:15px}.plot-heading{padding-top:20px}.plot-layout{display:flex;flex-direction:column-reverse;gap:25px}.plot-inspector{position:static;border-left:0;padding-left:0;width:100%}.plot-picker{width:100%}.plot-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px;gap:10px}.plot-preview-stage{max-height:340px}.plot-style-controls{padding-top:16px}.plot-bottom{flex-wrap:wrap}.plot-tile>label{font-size:11px}.plot-result-tools .button{font-size:11px}.plot-result-tools>.muted{font-size:11px}.plot-run>div>.button{margin-left:0}.plot-preview-heading h3{font-size:14px}}