/* ELY · X Browser Automation */
.tool-link-button{font:inherit;text-align:left;cursor:pointer}
.x-browser-overlay{
  position:fixed;inset:0;z-index:150;
  display:flex;align-items:center;justify-content:center;
  padding:22px;
  background:rgba(2,2,3,.82);
  backdrop-filter:blur(13px);
  opacity:0;pointer-events:none;transition:opacity .22s ease;
}
.x-browser-overlay.open{opacity:1;pointer-events:auto}
.x-browser-shell{
  width:min(900px,100%);max-height:min(88vh,920px);overflow:auto;
  border:1px solid rgba(255,153,67,.15);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,105,28,.11),transparent 42%),
    linear-gradient(180deg,rgba(13,13,16,.985),rgba(7,7,9,.99));
  box-shadow:0 30px 100px rgba(0,0,0,.66),0 0 54px rgba(255,88,18,.055);
  padding:22px;
}
.x-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.x-browser-kicker{font-size:9px;letter-spacing:.18em;color:#8f8176;margin-bottom:5px}
.x-browser-head h2{margin:0;color:#f7eee7;font-size:21px;font-weight:650}
.x-browser-close{
  width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);color:#d4c8bf;font-size:22px;cursor:pointer;
}
.x-browser-statusbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.x-browser-statusbar button,.x-browser-tabs button,.x-file-row button{
  border:1px solid rgba(255,145,58,.13);background:rgba(255,113,31,.055);color:#dfd1c6;
  border-radius:11px;padding:9px 11px;cursor:pointer;font-size:12px;
}
.x-browser-statusbar button:hover,.x-browser-tabs button:hover,.x-file-row button:hover{background:rgba(255,125,39,.105);border-color:rgba(255,151,72,.24)}
.x-bridge-pill{font-size:10px;color:#8f8781;border:1px solid rgba(255,255,255,.055);padding:7px 9px;border-radius:999px}
.x-bridge-pill.good{color:#ffc485;border-color:rgba(255,151,72,.22);background:rgba(255,123,37,.055)}
.x-browser-tabs{display:flex;gap:7px;margin:16px 0 10px;flex-wrap:wrap}
.x-browser-tabs button{border-radius:999px;color:#9c9188}
.x-browser-tabs button.active{color:#ffe3cd;background:rgba(255,119,34,.11);border-color:rgba(255,153,70,.25)}
.x-browser-panel{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.052);background:rgba(255,255,255,.014)}
.x-browser-panel[hidden]{display:none!important}
.x-browser-desc{margin:0 0 15px;color:#968d86;font-size:12px;line-height:1.55}
.x-file-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px;border:1px dashed rgba(255,151,72,.18);border-radius:14px;background:rgba(255,116,34,.025);margin-bottom:14px}
.x-file-row>span{flex:1;min-width:180px;color:#837a74;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-file-button{
  display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:11px;
  border:1px solid rgba(255,151,72,.18);background:rgba(255,121,37,.065);color:#e9d8cb;
  font-size:12px;cursor:pointer;
}
.x-file-button small{color:#9c7d67}
.x-field-label{display:block;color:#a79d95;font-size:10px;letter-spacing:.055em;margin:0 0 7px}
.x-browser-input,.x-browser-textarea{
  width:100%;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(3,3,4,.68);
  color:#f3e9e1;padding:12px 13px;outline:none;font:inherit;font-size:12px;
}
.x-browser-input{height:43px;margin-bottom:14px}
.x-browser-textarea{min-height:178px;max-height:340px;resize:vertical;line-height:1.5}
.x-browser-input:focus,.x-browser-textarea:focus{border-color:rgba(255,144,59,.30);box-shadow:0 0 0 3px rgba(255,101,26,.045)}
.x-browser-counters{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 13px}
.x-browser-counters span{font-size:10px;color:#8c837c;padding:6px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018)}
.x-browser-counters span.warn{color:#ffc06f;border-color:rgba(255,151,72,.16)}
.x-browser-primary{
  border:1px solid rgba(255,172,94,.25)!important;
  background:linear-gradient(145deg,#ff8a24,#b92f0a)!important;color:white!important;
  border-radius:12px!important;padding:10px 15px!important;cursor:pointer;
  box-shadow:0 9px 25px rgba(255,71,13,.10);
}
.x-browser-log{margin-top:13px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(0,0,0,.22);overflow:hidden}
.x-browser-log summary{cursor:pointer;padding:11px 13px;color:#9b9189;font-size:11px}
.x-browser-log pre{margin:0;padding:0 13px 13px;white-space:pre-wrap;max-height:180px;overflow:auto;color:#827a74;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.x-browser-footnote{margin:12px 2px 0;color:#655f5a;font-size:9px}.x-browser-footnote code{color:#987b65}
body.x-browser-open{overflow:hidden}
@media(max-width:700px){
  .x-browser-overlay{padding:8px;align-items:stretch}
  .x-browser-shell{max-height:100%;border-radius:18px;padding:15px}
  .x-browser-head h2{font-size:18px}
  .x-browser-statusbar{align-items:stretch}
  .x-bridge-pill{width:100%}
}