#area-picker { padding:16px 0 24px; border-bottom:1px solid var(--divider); margin-bottom:24px; }
#area-picker>p { margin-top:0; }
#area-buttons { display:flex; flex-wrap:wrap; gap:8px; }
#area-buttons .area-chip { padding:9px 16px; font-size:14px; border-radius:20px; }
#area-buttons .selected { color:var(--surface); background:var(--accent); border-color:var(--accent); }
.area-selection { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:16px; font-size:13px; color:var(--muted); }
.area-selection button { font-size:12px; padding:6px 10px; }
#toolbox .tool-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:start; }
#toolbox .tool-layout.has-goal { grid-template-columns:220px minmax(0,1fr); }
#toolbox .tool-layout>* { min-width:0; }
.goal-browser { margin:0; padding:16px; border:1px solid var(--divider); border-radius:10px; background:var(--canvas); }
.goal-browser>summary { font-weight:600; }
.goal-browser-content { padding-top:16px; }
.goal-workspace { min-width:0; }
#goal-cards,#single-goal-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; }
.has-goal #goal-cards,.has-goal #single-goal-cards { grid-template-columns:minmax(0,1fr); }
.goal-card { display:flex; flex-direction:column; gap:4px; min-height:58px; padding:12px; text-align:left; background:var(--surface); border-color:var(--divider); border-radius:6px; line-height:1.5; }
.goal-card .goal-objects { color:var(--muted); font-size:11px; }
.goal-card strong { font-size:13px; font-weight:600; }
.goal-card.selected { color:var(--accent); background:var(--selected); border-color:var(--accent); box-shadow:inset 3px 0 var(--accent); }
#goal-status { font-size:13px; margin:0 0 16px; }
#toolbox .tool-editor { padding:0; border:0; background:var(--surface); }
#toolbox .tool-editor h3 { margin-top:0; font-size:19px; }
.goal-input-preview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); align-items:start; gap:24px; margin-top:24px; }
#goal-requirements { margin:16px 0; font-size:13px; }
#goal-conditions li { margin:8px 0; line-height:1.8; }
#goal-path-details,#single-area-goals,#more-tools,#flow-details,#detailed-exploration { border-top:1px solid var(--divider); padding-top:16px; margin-top:24px; }
#single-area-goals[open]>div { margin-top:16px; }
#more-tools[open]>.actions { margin:16px 0; }
.goal-path-root { padding:12px 16px; background:var(--selected); border-radius:6px; }
.goal-path-tree { list-style:none; padding-left:16px; margin-left:8px; border-left:1px solid var(--divider); }
.goal-path-tree>li { padding:12px 0 12px 8px; }
.goal-path-tree li li { font-size:12px; line-height:1.8; margin:8px 0; }
.goal-path-choice { text-align:left; margin:8px 0; font-size:13px; }
.goal-path-choice.selected { background:var(--selected); border-color:var(--accent); }
#parameters input,#parameters select,#tool-goal { min-width:0; max-width:100%; }
.fixed-array { display:flex; flex-wrap:wrap; gap:12px; }
.fixed-array>.array-row { flex:1 1 100px; min-width:0; padding:0; }
#toolbox .array-row { padding-right:0; }
#toolbox .remove-item { position:static; margin:0 0 12px; color:var(--error); }
#toolbox .fixed-array .field { margin:4px 0; }
#toolbox .form-group { background:var(--surface); }
#toolbox .add-item { margin-top:8px; }
#detailed-exploration #exploration-panel { padding-top:24px; }
#tool-result:empty { display:none; }
#goal-preview { min-width:0; padding:20px; border:1px solid var(--divider); border-radius:10px; background:var(--canvas); overflow-wrap:anywhere; }
#goal-preview h3 { margin:0; font-size:15px; color:var(--text); }
.preview-title { font-size:12px; color:var(--muted); margin:12px 0; }
.parameter-expression { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:90px; padding:16px 0; font-size:21px; }
.preview-value { display:inline-flex; align-items:center; min-height:3em; max-width:100%; overflow-x:auto; overflow-y:hidden; padding:10px 0; }
.preview-operator { color:var(--muted); }
.preview-parameters { font-size:13px; margin:16px 0; }
.preview-parameters dt { color:var(--muted); margin-top:12px; }
.preview-parameters dd { margin:8px 0; white-space:pre-wrap; }
.parameter-preview-error,.math-value-error { color:var(--error); font-size:13px; }
.parameter-settings { border-top:1px solid var(--divider); margin:24px 0; padding-top:16px; }
.parameter-settings .form-group { border:0; border-left:2px solid var(--divider); border-radius:0; padding:4px 12px; }
.parameter-settings summary { font-weight:500; }
.parameter-settings input,.parameter-settings select { font-size:13px; }
.math-value-list { margin:24px 0; }
.math-value-list>label { font-size:14px; margin-bottom:12px; }
.math-value-entry { display:flex; flex-wrap:wrap; align-items:center; gap:8px; border:1px solid var(--control-border); border-radius:8px; background:var(--surface); padding:12px; min-height:64px; cursor:text; }
.math-value-tokens { display:contents; }
.math-value-entry:focus-within { outline:3px solid var(--accent); outline-offset:3px; }
.math-value-token { display:inline-flex; align-items:center; gap:4px; max-width:100%; border:1px solid var(--divider); border-radius:5px; background:var(--selected); }
.math-value-token.is-selected { outline:2px solid var(--accent); outline-offset:1px; }
.math-value-token-input { width:110px; padding:8px; font-size:15px; }
.math-value-edit,.math-value-remove { border:0; background:transparent; border-radius:4px; min-height:32px; padding:4px 8px; }
.math-value-edit { overflow-wrap:anywhere; max-width:100%; font-size:15px; }
.math-value-remove { min-width:32px; color:var(--muted); flex-shrink:0; font-size:18px; }
#parameters .math-value-input,.math-value-input { flex:1 1 150px; min-width:100px; width:auto; border:0; background:transparent; padding:8px 4px; font-size:15px; }
.math-value-input[aria-invalid="true"] { border-bottom:2px solid var(--error); }
.math-value-hint,.math-value-count { font-size:12px; color:var(--muted); margin:8px 0; }
.math-value-error:empty { display:none; }
#toolbox[hidden] { display:none; }
.is-exploring .hero { display:none; }
@media(max-width:1100px) { .goal-input-preview { grid-template-columns:minmax(0,1fr); } }
@media(max-width:850px) {
  #toolbox .tool-layout.has-goal { grid-template-columns:minmax(0,1fr); }
  #goal-cards,#single-goal-cards,.has-goal #goal-cards,.has-goal #single-goal-cards { grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); }
  #goal-preview { padding:16px; }
  .parameter-expression { min-height:64px; }
  #goal-path-details { margin-top:16px; }
}