/* Gradient Generator — scoped under #trp-tool-root / .trp-gr-. */
#trp-tool-root [hidden]{display:none!important;}
#trp-tool-root .trp-gr-privacy{margin:0 0 14px;padding:11px 14px;border-radius:var(--trp-r-md);background:var(--trp-accent-soft);color:var(--trp-ink-2);font-size:14px;font-weight:600;}
#trp-tool-root .trp-gr-sel{appearance:auto;min-height:46px;cursor:pointer;width:100%;}
#trp-tool-root .trp-gr-ctrls{display:grid;grid-template-columns:1fr;gap:14px;margin-top:4px;}
@media(min-width:560px){#trp-tool-root .trp-gr-ctrls{grid-template-columns:1fr 1fr;}}
#trp-tool-root .trp-gr-stopshead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;}
#trp-tool-root .trp-gr-h{margin:0;font-size:15px;font-weight:700;color:var(--trp-ink);}
#trp-tool-root .trp-gr-stops{display:grid;gap:10px;margin-top:10px;}
#trp-tool-root .trp-gr-stop{border:1px solid var(--trp-border);border-radius:var(--trp-r-md);padding:10px 12px;background:var(--trp-surface);}
#trp-tool-root .trp-gr-slabel{margin:0 0 6px;}
#trp-tool-root .trp-gr-stopinputs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
#trp-tool-root .trp-gr-color{width:44px;height:40px;padding:2px;border:1px solid var(--trp-border);border-radius:8px;background:none;cursor:pointer;flex:0 0 auto;}
#trp-tool-root .trp-gr-hex{flex:1 1 110px;min-width:96px;font-family:var(--trp-font-mono,monospace);}
#trp-tool-root .trp-gr-pos{flex:0 0 80px;width:80px;}
#trp-tool-root .trp-gr-pct{color:var(--trp-muted);font-size:13px;}
#trp-tool-root .trp-gr-rm{flex:0 0 auto;margin-left:auto;}
#trp-tool-root .trp-gr-preview{margin-top:16px;height:180px;border-radius:var(--trp-r-md);border:1px solid var(--trp-border);background:#eee;}
#trp-tool-root .trp-gr-error{margin:12px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;}
#trp-tool-root .trp-gr-output{margin-top:6px;font-family:var(--trp-font-mono,monospace);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;background:var(--trp-surface-2,transparent);}
#trp-tool-root .trp-gr-actions{margin-top:14px;flex-wrap:wrap;align-items:center;}
#trp-tool-root .trp-gr-actions .trpk-btn.is-ok{background:var(--trp-accent-soft);color:var(--trp-ink);}
#trp-tool-root .trp-gr-dl{text-decoration:none;}
@media(max-width:480px){#trp-tool-root .trp-gr-actions .trpk-btn,#trp-tool-root .trp-gr-actions .trp-gr-dl{flex:1 1 auto;text-align:center;}}
.trp-gr-list-c{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-gr-list-c li{background:var(--trp-surface);border:1px solid var(--trp-border);border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);}
.trp-gr-list-c li strong{color:var(--trp-ink);}
.trp-gr-list-c li code{word-break:break-all;font-family:var(--trp-font-mono,monospace);}