#vel-browser-launcher{display:none!important}
#vel-browser-panel,#vel-browser-panel *{box-sizing:border-box;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
#vel-browser-panel{display:none;position:fixed;left:16px;top:calc(var(--vel-fb-h, 52px) + 12px);width:min(1280px,calc(100vw - 32px));height:min(900px,calc(100vh - 78px));min-width:720px;min-height:560px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.16);border-radius:22px;box-shadow:0 24px 86px rgba(2,6,23,.30);z-index:2147483450;overflow:hidden;resize:both}
#vel-browser-panel.open{display:flex;flex-direction:column}
#vel-browser-panel.vr-max{left:8px!important;top:calc(var(--vel-fb-h, 52px) + 8px)!important;width:calc(100vw - 16px)!important;height:calc(100vh - var(--vel-fb-h, 52px) - 16px)!important}
#vel-browser-panel.vr-min{height:56px!important;min-height:56px!important;overflow:hidden!important;resize:none!important}
.vr-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.14);background:#f8fafc;cursor:move;user-select:none}
.vr-head strong{font-size:14px}
.vr-head span{display:block;font-size:11px;color:#475569}
.vr-actions{display:flex;gap:6px}
.vr-icon{width:34px;height:34px;border:1px solid rgba(15,23,42,.16);border-radius:11px;background:#fff;font-weight:900;cursor:pointer}
.vr-icon.small{width:32px;height:32px;border-radius:10px}
.vr-icon:disabled{opacity:.45;cursor:not-allowed}
.vr-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) repeat(4,auto);gap:8px;padding:10px;border-bottom:1px solid rgba(15,23,42,.14);background:#fff}
.vr-nav{display:flex;gap:6px}
.vr-input,.vr-web-input{border:1px solid rgba(15,23,42,.18);border-radius:14px;padding:10px 11px;font:inherit;min-width:0}
.vr-btn{border:0;border-radius:14px;background:#2563eb;color:white;font-weight:900;padding:10px 12px;cursor:pointer;white-space:nowrap}
.vr-btn.secondary{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.16)}
.vr-btn.teal{background:#0f766e}
.vr-btn.purple{background:#7c3aed}
.vr-tabs{display:flex;gap:6px;overflow:auto;padding:7px 10px;border-bottom:1px solid rgba(15,23,42,.12);background:#f4f7fb}
.vr-tab{border:1px solid rgba(15,23,42,.16);border-radius:999px;background:#fff;padding:7px 10px;font-size:12px;cursor:pointer}
.vr-tab.active{color:#0f766e;border-color:#0f766e;font-weight:900}
.vr-tab .x{color:#b91c1c;margin-left:8px;font-weight:900}
.vr-layout{display:grid;grid-template-columns:1fr 280px;min-height:0;flex:1}
.vr-reader{overflow:auto;padding:18px;background:#f8fafc}
.vr-side{border-left:1px solid rgba(15,23,42,.14);overflow:auto;padding:12px;background:#fff}
.vr-card{background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:18px;padding:14px;margin-bottom:12px;line-height:1.55}
.vr-card h2,.vr-card h3{margin:0 0 8px}
.vr-muted{font-size:12px;color:#475569}
.vr-res{display:block;width:100%;text-align:left;border:1px solid rgba(15,23,42,.14);border-radius:14px;background:#f8fafc;padding:9px;margin-bottom:8px;cursor:pointer;font-weight:800}
.vr-res small{display:block;color:#475569;font-weight:500}
.vr-article{font-size:15px;line-height:1.65}
.vr-article p{margin:0 0 12px}
.vr-kp li{margin-bottom:6px}
.vr-web-shell{display:flex;flex-direction:column;min-height:100%;height:100%;gap:10px}
.vr-webbar{display:grid;grid-template-columns:auto auto auto minmax(140px,1fr) auto auto;gap:8px;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:10px}
.vr-web-frame{position:relative;min-height:640px;flex:1;border:1px solid rgba(15,23,42,.14);border-radius:16px;overflow:hidden;background:#fff}
.vr-webview,.vr-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.vr-iframe.inline{display:block}
.vr-frame-fallback{display:block}
@media(max-width:980px){
  #vel-browser-panel{left:6px;right:6px;top:calc(var(--vel-fb-h, 52px) + 8px);width:auto;height:calc(100vh - var(--vel-fb-h, 52px) - 16px);min-width:0;min-height:0}
  .vr-layout{grid-template-columns:1fr}
  .vr-side{display:none}
  .vr-bar{grid-template-columns:1fr 1fr}
  .vr-nav,.vr-input{grid-column:1/-1}
  .vr-webbar{grid-template-columns:1fr 1fr}
  .vr-web-input{grid-column:1/-1}
  .vr-web-frame{min-height:520px}
}
