/* WebP Converter — scoped under #trp-tool-root / .trp-wc-. */
#trp-tool-root [hidden]{display:none!important;}
#trp-tool-root .trp-wc-privacy{display:flex;align-items:center;gap:8px;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-wc-fileinfo{margin:14px 0 0;padding:11px 14px;border:1px solid var(--trp-border);border-radius:var(--trp-r-md);background:var(--trp-surface);font-size:14px;font-weight:600;color:var(--trp-ink);word-break:break-word;}
#trp-tool-root .trp-wc-sel{appearance:auto;min-height:46px;cursor:pointer;}
#trp-tool-root .trp-wc-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
@media(min-width:560px){#trp-tool-root .trp-wc-grid{grid-template-columns:1fr 1fr 1fr;}}
#trp-tool-root .trp-wc-range{width:100%;}
#trp-tool-root .trp-wc-qval{font-weight:700;color:var(--trp-ink);}
#trp-tool-root .trp-wc-color{width:100%;min-height:46px;padding:4px;cursor:pointer;background:var(--trp-surface);border:1.5px solid var(--trp-border-2);border-radius:var(--trp-r-sm);}
#trp-tool-root .trp-wc-actions{margin-top:16px;flex-wrap:wrap;align-items:center;}
#trp-tool-root .trp-wc-dl{text-decoration:none;}
#trp-tool-root .trp-wc-error{margin:14px 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-wc-status{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--trp-ink-2);}
#trp-tool-root .trp-wc-status:empty{display:none;}
#trp-tool-root .trp-wc-preview{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;}
@media(min-width:560px){#trp-tool-root .trp-wc-preview{grid-template-columns:1fr 1fr;}}
#trp-tool-root .trp-wc-card{margin:0;border:1px solid var(--trp-border);border-radius:var(--trp-r-md);padding:10px;background:var(--trp-surface);text-align:center;}
#trp-tool-root .trp-wc-prev{max-width:100%;max-height:280px;height:auto;border-radius:var(--trp-r-sm);background-image:linear-gradient(45deg,#e9e9ee 25%,transparent 25%),linear-gradient(-45deg,#e9e9ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9ee 75%),linear-gradient(-45deg,transparent 75%,#e9e9ee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;}
#trp-tool-root .trp-wc-cap{margin-top:8px;font-size:13px;font-weight:600;color:var(--trp-muted);}
@media(max-width:480px){#trp-tool-root .trp-wc-actions .trpk-btn,#trp-tool-root .trp-wc-actions .trp-wc-dl{flex:1 1 auto;text-align:center;}}
.trp-wc-list-c{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-wc-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-wc-list-c li strong{color:var(--trp-ink);}