.tool-tabs{display:flex;gap:6px;border-bottom:1px solid #d9e2e9;margin:-10px 0 28px;padding:0 2px}
.tool-row{display:flex;align-items:stretch;gap:8px;border-bottom:1px solid #d9e2e9;margin:-10px 0 28px}
.tool-row .tool-tabs{flex:1;min-width:0;border-bottom:0;margin:0;overflow-x:auto;white-space:nowrap}
.tool-share{align-self:center;padding:8px 2px;white-space:nowrap}
body:not([data-tool="regex"]) .tool-share{display:none}
.tool-tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 19px;color:#667e8e;font-weight:700;font-size:14px}
.tool-tab:hover{color:#287ea7;background:#edf4f7}
.tool-tab.active{border-bottom-color:#36a7d4;color:#287ea7}
body:not([data-tool="regex"]) .topbar nav{visibility:hidden}
.curl-heading{margin-bottom:22px}
.curl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.curl-panel{padding:20px 22px;min-width:0}
.curl-panel .section-header{min-height:35px;align-items:center}
.curl-panel .section-header h2{font-size:14px}
#curl-input,.http-output{width:100%;min-height:290px;border:1px solid #bdcdd9;border-radius:4px;background:#fbfcfd;color:#2d5267;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}
#curl-input{display:block;resize:vertical;outline:none}
#curl-input:focus{border-color:#61a8ca;box-shadow:0 0 0 3px #83c4e63d}
#curl-input::placeholder{color:#91a2ad;opacity:1}
.http-output{margin:0;overflow:auto;white-space:pre;user-select:text}
.output-placeholder{color:#99aab5;font-family:Arial,Helvetica,sans-serif}
.curl-examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}
.curl-examples span{color:#7c909d;font-size:12px;margin-right:3px}
.curl-examples button{border:1px solid #cbdce5;border-radius:4px;background:#f7fbfd;color:#367d9d;padding:5px 9px;font-size:12px;font-weight:600}
.curl-examples button:hover{background:#e9f4f9}
.curl-note{color:#8295a1;font-size:12px;line-height:1.5;margin:14px 0 0}
.curl-error,.curl-warning{font-size:12px;line-height:1.5;border-radius:4px;padding:9px 11px;margin:13px 0 0}
.curl-error{color:#a34d42;background:#fff5f3;border:1px solid #eecdc6}
.curl-warning{color:#84682c;background:#fff8e8;border:1px solid #eadba9}
#http-copy:disabled{opacity:.48;cursor:default}
@media(max-width:900px){.curl-grid{grid-template-columns:1fr}}
@media(max-width:640px){.tool-row{margin:-3px 0 22px}.tool-row .tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:visible;white-space:normal}.tool-tab{padding:10px 4px;font-size:11px;min-height:43px}.curl-panel{padding:15px}#curl-input,.http-output{min-height:230px;font-size:12px}}