.converter-tabs{background:var(--bg);border:1px solid var(--line-2);border-radius:8px;gap:4px;width:fit-content;padding:4px;display:flex}.converter-tab{color:var(--ink-3);font-family:var(--mono);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:5px;padding:7px 20px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.converter-tab:hover{color:var(--ink);background:color-mix(in srgb,var(--accent)6%,transparent)}.converter-tab.active{background:var(--accent);color:#000;font-weight:600}.converter-subtabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.converter-subtabs-label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:12px;font-weight:500}.converter-subtab{border:1px solid var(--line-2);color:var(--ink-3);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.converter-subtab:hover{color:var(--ink);border-color:var(--accent)}.converter-subtab.active{background:color-mix(in srgb,var(--accent)10%,var(--bg));border-color:var(--accent);color:var(--accent);font-weight:600}.converter-input-mono{font-family:var(--mono);min-height:160px;font-size:13px}.converter-input-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1f!important}.converter-input-controls{position:relative}.converter-input-controls .converter-input{box-sizing:border-box;width:100%;padding-right:40px}.converter-clear-btn{background:var(--line-2);width:24px;height:24px;color:var(--ink-3);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.converter-clear-btn:hover{color:#fff;background:#e53e3e}.converter-help-text{color:var(--ink-3);font-size:11px;font-style:italic;line-height:1.4}.converter-error{background:color-mix(in srgb,#e53e3e 8%,var(--bg));font-family:var(--mono);color:#e53e3e;border:1px solid #e53e3e4d;border-left:3px solid #e53e3e;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.5}.converter-error strong{margin-right:6px;font-weight:700}.converter-empty-state{text-align:center;border:1px dashed var(--line-2);border-radius:6px;padding:40px 24px}.converter-empty-state p{color:var(--ink-3);font-size:14px;font-family:var(--mono);margin:0}.converter-output-full{cursor:default;width:100%}.converter-output-full:hover{border-color:var(--line-2);background:var(--bg)}.output-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.output-actions{align-items:center;gap:6px;display:flex}.converter-copy-btn,.converter-swap-btn{border:1px solid var(--line-2);color:var(--ink-2);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.converter-copy-btn:hover{background:var(--accent);border-color:var(--accent);color:#000}.converter-swap-btn:hover{background:color-mix(in srgb,var(--accent)10%,var(--bg));border-color:var(--accent);color:var(--accent)}.output-pre{background:color-mix(in srgb,var(--accent)4%,var(--bg));border:1px solid var(--line-2);border-radius:6px;max-height:480px;margin:0;padding:16px;overflow:auto}.output-pre::-webkit-scrollbar{width:6px;height:6px}.output-pre::-webkit-scrollbar-track{background:0 0}.output-pre::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.output-pre::-webkit-scrollbar-thumb:hover{background:var(--accent)}.output-code-block{font-family:var(--mono);color:var(--ink);white-space:pre;word-break:normal;overflow-wrap:normal;font-size:13px;font-weight:400;line-height:1.7;display:block}.json-key{color:var(--accent);font-weight:600}.json-string{color:#38a169}.json-number{color:#d69e2e}.json-boolean{color:#e53e3e;font-weight:600}.json-null{color:var(--ink-3);font-style:italic}.json-punct{color:var(--ink-3)}@media (prefers-color-scheme:dark){.json-string{color:#68d391}.json-number{color:#f6e05e}.json-boolean{color:#fc8181}}.url-encoded{color:var(--accent);background:color-mix(in srgb,var(--accent)8%,transparent);border-radius:3px;padding:0 2px;font-weight:600}.url-plain{color:var(--ink)}.url-protocol{color:var(--ink-3)}.url-host{color:var(--ink);font-weight:600}.url-param-key{color:var(--accent);font-weight:600}.url-param-value{color:#38a169}.url-param-sep{color:var(--ink-3)}@media (prefers-color-scheme:dark){.url-param-value{color:#68d391}}@media (max-width:768px){.converter-tabs{justify-content:center;width:100%}.converter-tab{text-align:center;flex:1;padding:7px 12px}.converter-subtabs{gap:6px}.output-pre{max-height:320px}.output-code-block{font-size:12px}.converter-copy-btn,.converter-swap-btn{padding:5px 10px;font-size:11px}}@media (max-width:480px){.converter-tab{padding:6px 8px;font-size:12px}.converter-subtabs{flex-wrap:wrap;gap:4px}.converter-subtab{padding:4px 10px;font-size:11px}.output-pre{max-height:240px;padding:12px}.output-code-block{font-size:11.5px;line-height:1.6}.output-header{flex-wrap:wrap;gap:6px}.output-actions{flex-wrap:wrap}.converter-error{padding:10px 12px;font-size:12px}}.hash-code{word-break:break-all;letter-spacing:.06em;color:var(--ink);font-size:clamp(11px,1.5vw,13px)}.hash-empty-state{font-size:13px;font-family:var(--mono);color:var(--ink-3);text-align:center;padding:24px 0}