/* Include after styles.css and figure-frame.css. All colors follow the active theme. */
.range-tool{min-width:0;font-variant-numeric:tabular-nums}
.rt-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);align-items:start;gap:var(--space-6,24px)}
.rt-editor,.rt-export{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-frame,8px);padding:var(--space-4,16px)}
.rt-editor{display:grid;gap:var(--space-4,16px)}
.rt-field{display:grid;gap:6px;min-width:0;font-size:var(--font-small,13px);color:var(--muted)}
.rt-field input,.rt-field textarea,.rt-field select,.rt-yaml{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--fg);padding:9px 10px;font:inherit;line-height:1.6}
.rt-field textarea{resize:vertical}
.rt-field input::placeholder,.rt-field textarea::placeholder{color:var(--faint);font-size:12px}
.rt-field [data-rt-key="hands"],.rt-yaml{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}
.rt-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.rt-action{border:1px solid var(--line);border-radius:6px;margin:0 0 12px;padding:12px;display:grid;gap:12px;min-width:0}
.rt-action:last-child{margin-bottom:0}
.rt-action legend{padding:0 6px;font-size:13px;color:var(--fg)}
.rt-action-top{display:flex;align-items:end;justify-content:space-between;gap:8px}.rt-action-top>.rt-field{flex:1}
.rt-remove{color:var(--muted);font-size:12px;padding:10px 4px;white-space:nowrap}.rt-remove:disabled{opacity:.35}
.rt-help{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.rt-library .rt-help{margin-top:6px}
.rt-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;padding:8px 12px;text-decoration:none;color:var(--fg);font-size:13px;line-height:1.5;background:var(--surface-2)}
.rt-button:hover{border-color:var(--accent)}.rt-button:disabled,.rt-button[aria-disabled="true"]{opacity:.45;cursor:default}
.rt-button[hidden]{display:none}.rt-buttons{display:flex;flex-wrap:wrap;gap:8px}
.rt-output{min-width:0}.rt-output .frame{margin-top:0}.rt-output .frame-actions{display:none}
.rt-errors{background:var(--no-soft);border:1px solid var(--no);border-radius:6px;padding:12px 16px;margin-bottom:16px;color:var(--no);font-size:13px;overflow-wrap:anywhere}
.rt-errors ul{margin:6px 0 0;padding-left:20px}.rt-errors li+li{margin-top:4px}
.rt-preview-empty{padding:64px 24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin-bottom:24px;font-size:13px}
.rt-export{display:grid;gap:14px}.rt-export h2{font-size:16px;font-weight:500}.rt-export details{min-width:0;font-size:13px;color:var(--muted)}
.rt-export summary{cursor:pointer;padding:4px 0}.rt-yaml{margin-top:8px;resize:vertical;white-space:pre}
.rt-open{color:var(--accent)}.rt-notice{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.rt-notice:empty{display:none}
@media(max-width:900px){.rt-layout{grid-template-columns:1fr}.range-tool .head{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:420px){.rt-pair{grid-template-columns:1fr}.rt-button{padding:9px 10px}.rt-export,.rt-editor{padding:12px}.rt-action{padding:10px}}