/* Browser */
.bw-wrap{display:flex;flex-direction:column;height:100%;background:var(--bg)}
.bw-tabstrip{display:flex;align-items:stretch;background:var(--window-header);border-bottom:1px solid var(--border);padding:4px 4px 0 4px;gap:2px}
.bw-tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:thin}
.bw-tab{
  display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:6px 6px 0 0;
  background:var(--bg);color:var(--fg-muted);font-size:12px;cursor:pointer;max-width:200px;min-width:120px;
  border:1px solid var(--border);border-bottom:none;
}
.bw-tab.active{background:var(--window-bg);color:var(--fg);font-weight:500}
.bw-tab-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-tab-close{width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;color:var(--fg-muted)}
.bw-tab-close:hover{background:var(--bg-hover);color:var(--fg)}
.bw-addtab{padding:0 10px;font-size:18px;color:var(--fg-muted);border-radius:6px;align-self:center;margin-bottom:2px}
.bw-addtab:hover{background:var(--bg-hover);color:var(--fg)}

.bw-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--window-header)}
.bw-toolbar button{padding:4px 8px;border-radius:5px;font-size:13px;color:var(--fg)}
.bw-toolbar button:hover:not(:disabled){background:var(--bg-hover)}
.bw-toolbar button:disabled{opacity:.35;cursor:default}
.bw-url{flex:1;padding:6px 12px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elev);color:var(--fg);font-size:13px;outline:none}
.bw-url:focus{border-color:var(--accent)}
.bw-ext{border:1px solid var(--border);background:var(--bg-elev) !important}

.bw-bmbar{display:flex;gap:4px;padding:4px 8px;background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.bw-bmbar::-webkit-scrollbar{display:none}
.bw-bm{padding:4px 10px;border-radius:4px;font-size:12px;color:var(--fg);white-space:nowrap}
.bw-bm:hover{background:var(--bg-hover)}

.bw-frame{flex:1;position:relative;background:#fff;overflow:hidden}
.bw-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:#fff}

/* Media player */
.mp-wrap{display:flex;flex-direction:column;height:100%}
.mp-view{flex:1;background:#111;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px}
.mp-view img,.mp-view video{max-width:100%;max-height:100%;background:#000}
.mp-view audio{width:80%}

/* Downloader */
.dl-wrap{padding:14px;display:flex;flex-direction:column;gap:10px;height:100%}
.dl-row{display:flex;align-items:center;gap:10px}
.dl-row label{width:70px;color:var(--fg-muted);font-size:12px}
.dl-row input[type=text]{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--fg);font-size:13px;outline:none}
.dl-row input[type=text]:focus{border-color:var(--accent)}
.dl-row .primary-btn,.primary-btn{padding:7px 16px;border-radius:6px;background:var(--accent);color:var(--accent-fg);font-size:13px;font-weight:500}
.primary-btn:hover{filter:brightness(1.08)}
.primary-btn:disabled{opacity:.5;cursor:default}
.dl-log{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:8px 10px;overflow-y:auto;font-family:"Consolas",monospace;font-size:12px;color:var(--fg);min-height:120px}
.dl-log .ok{color:#1f8a4c}
.dl-log .err{color:#c62828}
.dl-log .hint{color:var(--fg-muted);font-style:italic}
.dl-hint{font-size:11px;color:var(--fg-muted);padding:4px 2px}