.plot__stage{flex:1;min-width:0;min-height:0;padding:8px;display:flex}.plot{flex:1;min-width:0;min-height:0;display:flex;position:relative}.plot__canvas{flex:1;min-width:0;min-height:0}.plot__error,.plotp__error{color:var(--danger,#b91c1c);border:1px solid color-mix(in srgb, var(--danger,#b91c1c) 30%, transparent);background:color-mix(in srgb, var(--danger,#b91c1c) 6%, transparent);border-radius:6px;padding:6px 8px;font-size:12px}.plot__error{position:absolute;bottom:12px;left:12px}.plot__empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.plot__side{overflow-y:auto;padding:8px 8px 8px 0!important}.plotp{flex-direction:column;gap:12px;font-size:12.5px;display:flex}.plotp__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.plotp__stats{color:var(--text-muted);font-size:12px}.plotp__section{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.plotp__section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.plotp__types{flex-wrap:wrap;gap:4px;display:flex}.plotp__chip{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 6px;display:inline-flex}.plotp__chip input{display:none}.plotp__chip.is-on{border-color:var(--text);background:var(--surface)}.plotp__swatch{border-radius:50%;width:8px;height:8px}.plotp__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 8px;display:grid}.plotp__grid label,.plotp__inline{color:var(--text-muted);flex-direction:column;gap:3px;font-size:11.5px;display:flex}.plotp__inline{flex-direction:row;align-items:center;gap:6px}.plotp__grid .input,.plotp__grid .gx-select{width:100%;min-width:0;font-size:12.5px}.plotp__row{align-items:center;gap:6px;display:flex}.plotp__name{flex:1;min-width:0}.plotp__trace{border:1px dashed var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.plotp__hint{margin:0;font-size:11.5px}.plotp__step{background:var(--text);width:16px;height:16px;color:var(--surface);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;font-size:10px;display:inline-flex}.plotp__kinds{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.plotp__kind{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;font-size:11px;display:flex}.plotp__kind:hover{background:var(--surface-hover);color:var(--text)}.plotp__kind.is-on{border-color:var(--text);background:var(--surface-2);color:var(--text);font-weight:500}.plotp__bucket{gap:4px;display:flex}.plotp__bucket .input{flex-shrink:0;width:70px}.plotp__trace-foot{min-height:24px}.plotp__ideas h3{display:flex}.plotp__fold{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.plotp__idea-list{flex-wrap:wrap;gap:4px;display:flex}.plotp__idea{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:12px;display:inline-flex}.plotp__idea:hover{background:var(--surface-hover);border-color:var(--text-faint)}.plotp__json{flex-direction:column;gap:8px;display:flex}.plotp__textarea{min-height:360px;font-family:var(--font-mono);resize:vertical;font-size:12px}.plotp .gx-select{border:1px solid var(--border-strong);background:var(--surface);height:28px;color:var(--text);border-radius:6px;padding:0 6px;font-size:12px}.plot__inspect{flex-direction:column;gap:8px;display:flex}.plot__inspect .insp{border:0}.plot__stage{outline:none;position:relative}.plot__stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent,#3b7ddd)}.plot__drag{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.plot__drag .btn.is-on{background:var(--surface);box-shadow:0 1px 2px #00000014}.plot__legend-hint{color:var(--text-muted);pointer-events:none;opacity:.85;font-size:11px;position:absolute;bottom:12px;left:16px}.refpick{width:100%;max-width:100%}.refpick--typing{gap:4px;display:flex}.refpick--typing .input{flex:1;min-width:0}.refpick__back{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:0 6px}