/* URL Encoder/Decoder — tool-specific styles */
.ws-title{font-size:1.05rem;font-weight:700;margin:18px 0 12px;display:flex;align-items:center;gap:8px;color:var(--text,#0f172a)}
.ws-title i{color:var(--primary,#4f46e5)}
[data-theme="dark"] .ws-title{color:#e2e8f0}
.ue-modes{display:flex;gap:8px;margin:14px 0}
.ue-mode{flex:1;padding:10px;border:1px solid var(--border,#e2e8f0);background:transparent;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;color:var(--muted,#475569)}
.ue-mode.active{background:var(--primary,#4f46e5);border-color:var(--primary,#4f46e5);color:#fff}
[data-theme="dark"] .ue-mode{border-color:#334155;color:#94a3b8}
[data-theme="dark"] .ue-mode.active{background:var(--primary,#4f46e5);color:#fff}
.ue-opts{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.check-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted,#475569);cursor:pointer}
.check-label input{width:auto;accent-color:var(--primary,#4f46e5)}
.opt-hint{color:var(--muted,#94a3b8);font-size:.78rem}
#ue-input,#ue-output{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;resize:vertical;width:100%}
.btn-row{display:flex;gap:10px;margin:6px 0 14px;flex-wrap:wrap}
.ue-parts{margin-top:6px}
#ue-parts-table td:first-child{font-weight:600;white-space:nowrap;width:110px}
#ue-parts-table td:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all}