.browser-workspace{display:flex;flex-direction:column;gap:5px;width:100%;padding:5px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-sizing:border-box}
.browser-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.browser-toolbar button,.browser-toolbar a,.browser-history button{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:5px 9px;font:inherit;cursor:pointer;text-decoration:none}
.browser-toolbar button:disabled{opacity:.4;cursor:default}.browser-toolbar :is(button,a):hover,.browser-history button:hover{border-color:var(--green)}
.browser-address-form{flex:1;min-width:200px;display:flex;gap:5px}.browser-address-form input{flex:1;min-width:0;padding:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}
.browser-stage{position:relative;width:100%;height:clamp(280px,calc(100dvh - 420px),850px);min-height:280px;border:1px solid var(--border);background:#fff}
.browser-stage iframe{width:100%;height:100%;border:0;display:block;background:#fff}.browser-stage iframe[hidden],.browser-welcome[hidden]{display:none}
.browser-welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;box-sizing:border-box;color:#263640;text-align:center}.browser-welcome h2{margin:0 0 10px}.browser-welcome p{margin:0}
.browser-help,.browser-status{margin:0;color:var(--muted);font-size:12px}.browser-history summary{cursor:pointer;padding:5px}.browser-history ol{margin:0;padding:5px 5px 5px 28px;max-height:160px;overflow:auto}.browser-history button{width:100%;text-align:left;overflow-wrap:anywhere;margin-bottom:5px}.browser-history p{margin:5px;color:var(--muted)}