.sidebar nav #tools-nav{justify-content:flex-start}.tools-nav-chevron{margin-left:auto;font-size:18px}.sidebar nav #tools-nav.active{background:linear-gradient(90deg,#096feb,#0656c5)}
.sidebar nav .tools-subnav{display:grid;gap:2px;padding:0 9px 2px}.sidebar nav .tools-subnav button{height:36px;min-height:36px;padding:0 16px;border-radius:6px;gap:13px;font-size:14px}.sidebar nav .tools-subnav button.active{background:#17588e;color:#fff}.sidebar nav .tools-subnav button span{white-space:nowrap}
.sidebar:has(.tools-subnav:not([hidden])) nav{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#51718e transparent}.sidebar:has(.tools-subnav:not([hidden])) .brand{padding-bottom:18px}.sidebar:has(.tools-subnav:not([hidden])) footer{flex:none}
.page-head.tools-head{height:91px}.page-head.tools-head h1{font-size:31px;letter-spacing:-.6px}.page-head.tools-head p{font-size:16px}.page-head.tools-head .head-actions{display:none}
#tools.tools-page{padding:20px;min-height:calc(100dvh - 91px);background:#f6f9fd}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-items:stretch}.tools-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d9e3ec;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #1c38530b}.tools-card>header{min-height:81px;padding:16px 22px;display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#e7f2ff,#eff7ff);border-bottom:1px solid #d5e6fa}.tools-card.green>header{background:linear-gradient(110deg,#e9fbf1,#f2fdf8);border-color:#d5efdf}.tools-card-icon{display:grid;place-items:center;flex:none;width:58px;color:#126bc9;font-size:36px;line-height:1}.tools-card.green .tools-card-icon{color:#078b4d}.tools-card h2{margin:0;font-size:25px;line-height:1.1}.tools-card p{margin:6px 0 0;color:#506680;font-size:15px}.tools-card>form{padding:18px 16px 13px;display:flex;flex-direction:column;flex:1;gap:15px}
.tools-main-fields:empty{display:none}.tools-main-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:73px}.tools-main-fields:has(>.tools-target:only-child){grid-template-columns:1fr}.tools-target{min-width:0}.tools-target-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;height:23px}.tools-target-heading>span,.tools-field>span{display:block;font-size:13px;font-weight:650;color:#11284a;white-space:nowrap}.tools-target-mode{display:inline-flex;gap:2px;background:#f0f5fa;border:1px solid #d9e3ed;border-radius:6px;padding:2px}.tools-target-mode button{border:0;border-radius:4px;background:transparent;padding:1px 6px;font-size:11px;font-weight:700;color:#557089}.tools-target>input,.tools-field input,.tools-field select,.tools-client-picker input,.tools-client-picker select{display:block;width:100%;height:44px;margin-top:5px;border:1px solid #cbd7e4;border-radius:6px;background:#fff;padding:0 12px;font-size:14px;min-width:0}.tools-target>input:read-only{background:#f6f9fc;color:#36516f}.tools-field{min-width:0}.tools-field>span{height:23px}.tools-parameter-row{display:flex;gap:12px;align-items:end}.tools-parameter-row>.tools-field{flex:1 1 0}.tools-parameter-row .tools-run{flex:1.35 1 0;min-width:145px;height:55px;margin-left:5px;border:0;border-radius:7px;background:linear-gradient(#147bf8,#0962e2);color:#fff;font-size:16px;font-weight:750;white-space:nowrap}.tools-card.green .tools-run{background:linear-gradient(#079b55,#068346)}.tools-run span{margin-right:9px}.tools-run:disabled{opacity:.65;cursor:progress}
.tools-result{min-height:210px;display:flex;flex-direction:column;background:#071722;border:1px solid #183044;border-radius:7px;overflow:hidden;color:#f1f8ff}.tools-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:8px 15px;background:#172839;font-size:13px}.tools-result-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-result-head b i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;background:#2fc83d}.tools-result.error .tools-result-head b i{background:#e43a43}.tools-result-head span{flex:none;font-size:12px}.tools-result pre{flex:1;min-height:165px;max-height:340px;overflow:auto;margin:0;padding:14px 15px;font:13px/1.52 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#f1f8ff}.tools-card-footer{display:flex;justify-content:flex-end}.tools-clear{height:34px;padding:0 16px;border:1px solid #cbd8e5;border-radius:6px;background:#fff;font-size:13px;font-weight:650}
.tools-client-picker{position:relative}.tools-client-picker[hidden]{display:none}.tools-client-results{max-height:145px;overflow:auto;background:#fff;border:1px solid #d9e3ed;border-radius:6px;margin-top:4px}.tools-client-results:empty{display:none}.tools-client-results button{display:block;width:100%;padding:8px 10px;text-align:left;border:0;border-bottom:1px solid #e6edf3;background:#fff;font-size:12px}.tools-client-results button:hover{background:#eef7ff}.tools-client-picker select{margin-top:5px}.tools-client-status{display:block;min-height:18px;margin-top:3px;color:#46617e;font-size:11px}
@media(min-width:1121px){
  #tools.tools-page{height:calc(100dvh - 91px);display:flex;flex-direction:column;overflow:hidden}
  #tools .tools-content{flex:1;min-height:0;display:flex;flex-direction:column}
  .tools-grid{flex:1;min-height:0}
  .tools-card,.tools-card>form{min-height:0}
  .tools-result{flex:1;min-height:150px}
  .tools-result pre{min-height:0;max-height:none}
}
@media(max-width:1120px){.tools-grid{grid-template-columns:1fr}.tools-result{min-height:190px}.tools-result pre{min-height:145px}}
@media(max-width:900px){.tools-parameter-row{flex-wrap:wrap}.tools-parameter-row>.tools-field{flex:1 1 calc(33% - 8px)}.tools-parameter-row .tools-run{flex:1 1 100%;height:44px;margin-left:0}}
@media(max-width:700px){#tools.tools-page{padding:10px}.page-head.tools-head{height:auto;min-height:70px;padding:11px 13px}.page-head.tools-head h1{font-size:23px}.page-head.tools-head p{font-size:13px}.tools-grid{gap:10px}.tools-card>header{min-height:66px;padding:12px}.tools-card-icon{width:38px;font-size:29px}.tools-card h2{font-size:21px}.tools-card p{font-size:12px}.tools-card>form{padding:11px;gap:11px}.tools-parameter-row{flex-wrap:wrap}.tools-parameter-row>.tools-field{flex:1 1 calc(33% - 8px)}.tools-parameter-row .tools-run{flex:1 1 100%;height:44px;margin-left:0}.tools-main-fields{gap:9px}.tools-target-heading>span,.tools-field>span{font-size:11px}.tools-target>input,.tools-field input,.tools-field select{font-size:12px;height:40px}.tools-result pre{font-size:11px}}
@media(max-width:430px){.tools-main-fields{grid-template-columns:1fr}.tools-parameter-row>.tools-field{flex-basis:calc(50% - 8px)}}
@media(max-width:700px){
  .shell:has(#tools:not([hidden])){display:block;min-height:100dvh}
  .shell:has(#tools:not([hidden])) main{padding-bottom:60px}
  .shell:has(#tools:not([hidden])) .sidebar{position:fixed;z-index:90;inset:auto 0 0;height:60px;padding:0 5px;display:block;overflow:hidden}
  .shell:has(#tools:not([hidden])) .sidebar .brand,.shell:has(#tools:not([hidden])) .sidebar footer,.shell:has(#tools:not([hidden])) .area-alert-popup{display:none!important}
  .shell:has(#tools:not([hidden])) .sidebar nav{height:60px;display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
  .shell:has(#tools:not([hidden])) .sidebar nav::-webkit-scrollbar{display:none}
  .shell:has(#tools:not([hidden])) .sidebar nav>button{flex:none;width:auto;min-width:51px;height:48px;padding:0 8px;font-size:11px;gap:4px}
  .shell:has(#tools:not([hidden])) .sidebar nav>button .nav-icon{width:auto;font-size:17px}
  .shell:has(#tools:not([hidden])) .sidebar nav .tools-subnav{display:contents}
  .shell:has(#tools:not([hidden])) .sidebar nav .tools-subnav button{flex:none;width:auto;height:40px;min-height:40px;padding:0 10px;font-size:11px}
  .shell:has(#tools:not([hidden])) #tools-nav .tools-nav-chevron{display:none}
  #tools.tools-page{padding-bottom:15px}
}