.browser-fruit { display:grid; gap:10px; min-width:0; }
.browser-fruit :is(input,button,a) { min-width:0; max-width:100%; }
.browser-privacy-note,.browser-controls-note,.browser-site-permissions { margin:0; padding:9px 11px; border:2px solid var(--fruit-default-border,var(--border)); border-radius:var(--radius); background:color-mix(in srgb,var(--surface) var(--tab-section-opacity,62%),transparent); overflow-wrap:anywhere; }
.browser-controls-note { border-color:var(--fruit-open-border,#f0d564); }
.browser-site-permissions summary { cursor:pointer; font-weight:600; }
.browser-site-permissions p { margin:7px 0; }
.browser-permission-list { display:flex; flex-wrap:wrap; gap:6px 14px; }
.browser-permission-option { display:inline-flex; align-items:center; gap:6px; min-height:32px; }
.browser-permission-option input { accent-color:var(--accent,#38a169); }
.browser-permission-apply { margin-top:8px; }
.browser-address-form,.browser-toolbar,.browser-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; }
.browser-address-form input { flex:1 1 230px; }
.browser-address-form button,.browser-toolbar > *, .browser-actions > * { min-height:34px; }
.browser-status { min-height:1.2em; margin:0; }
.browser-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:8px; min-width:0; }
.browser-result { min-width:0; padding:9px; border:2px solid var(--fruit-default-border,var(--border)); border-radius:var(--radius); background:color-mix(in srgb,var(--surface) var(--tab-section-opacity,62%),transparent); }
.browser-result h3 { margin:0; overflow-wrap:anywhere; }
.browser-result p { margin:5px 0; }
.browser-preview-area { min-width:0; min-height:240px; height:min(62vh,720px); border:2px solid var(--fruit-default-border,var(--border)); border-radius:var(--radius); overflow:hidden; background:color-mix(in srgb,var(--surface) 70%,transparent); }
.browser-preview { display:block; width:100%; height:100%; min-height:240px; border:0; background:#fff; }
.browser-toolbar .disabled { opacity:.55; pointer-events:none; }
@media(max-width:600px) { .browser-preview-area,.browser-preview { height:56vh; min-height:220px; } .browser-toolbar > * { flex:1 1 50px; } }