.browser-task-dialog{position:fixed;inset:0;width:100%;max-width:none;height:var(--browser-height,100dvh);max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#18221c;overflow:hidden;box-sizing:border-box}
.browser-task-dialog[open]{display:grid;grid-template-rows:56px minmax(0,1fr)}
.browser-toolbar{display:flex;align-items:center;gap:8px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));background:#f8faf9;border-bottom:1px solid #e5eae7;min-width:0;z-index:2}
#browser-current-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#53645a}
.browser-toolbar .icon-button{width:44px;height:44px;flex:none;color:#2f493b;background:transparent}
.browser-toolbar .icon-button svg{width:20px;height:20px}
.browser-viewport{position:relative;min-height:0;min-width:0;width:100%;height:100%;overflow:auto;background:#fff}
#browser-screenshot{display:block;width:100%;height:auto;min-height:100%;object-fit:contain;object-position:top left;border-radius:0}
#browser-live-view{display:block;width:100%;height:100%;border:0;background:#fff}
#browser-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#52665c;background:#f6f9f7}
#browser-status{font-size:14px}
.browser-action-panel{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));box-sizing:border-box;padding:14px 16px;border-radius:8px;background:#fffffff5;border:1px solid #dce5df;box-shadow:0 4px 24px #10271815;z-index:3}
#browser-action{font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 10px;max-height:100px;overflow:auto}
.browser-controls{display:flex;gap:8px;flex-wrap:wrap}
.browser-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:6px;background:#285c43;color:white;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}
.browser-controls svg{width:17px;height:17px}
.browser-task-dialog [hidden]{display:none!important}
.browser-input-bar{position:absolute;bottom:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,40px);align-items:center;gap:2px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#f8faf9;border-top:1px solid #dce5df}
.browser-input-bar input{min-width:0;width:100%;box-sizing:border-box;font:inherit;font-size:16px;border:0;border-radius:0;padding:12px 6px;color:#18221c;background:transparent;outline-offset:-2px}
.browser-input-bar .icon-button{width:40px;height:44px;color:#285c43;background:transparent}
.browser-input-bar svg{width:19px;height:19px}
.call-browser-mode>.call-scenery{display:none}
.call-dialog.call-browser-mode>.call-content{position:fixed;left:max(8px,env(safe-area-inset-left));top:max(6px,env(safe-area-inset-top));width:188px;height:88px;margin:0;padding:8px 10px;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;grid-template-rows:20px 16px 36px;gap:0 6px;background:#183b30f5;border:1px solid #ffffff40;border-radius:8px;z-index:6;box-shadow:0 5px 20px #0002}
.call-browser-mode .call-close,.call-browser-mode .call-control small,.call-browser-mode .call-state,.call-browser-mode #call-browser{display:none}
.call-dialog.call-browser-mode .call-content .call-name{font-size:16px;margin:0;align-self:center}
.call-dialog.call-browser-mode #call-timer{font-size:11px;margin:0;align-self:center;justify-self:end}
.call-dialog.call-browser-mode .call-wave{grid-column:1/-1;width:100%;height:16px;min-height:16px;margin:0;flex:none}
.call-dialog.call-browser-mode .call-controls{grid-column:1/-1;width:100%;padding:0;margin:0;gap:20px;justify-content:center}
.call-dialog.call-browser-mode .call-control>span{width:32px;height:32px}
.call-dialog.call-browser-mode .call-control svg{width:16px;height:16px}
.call-browser-mode .browser-task-dialog{z-index:2}
.call-browser-mode .browser-toolbar{padding-left:208px}
@media(max-width:600px){.call-browser-mode #browser-current-url{display:none}.call-browser-mode .browser-toolbar{justify-content:flex-end;padding-left:202px;padding-right:8px;gap:4px}}
@media(max-width:380px){.call-dialog.call-browser-mode>.call-content{width:164px;left:6px}.call-browser-mode .browser-toolbar{padding-left:174px;padding-right:6px;gap:2px}.call-dialog.call-browser-mode .call-controls{gap:14px}}
@media(prefers-reduced-motion:no-preference){.browser-task-dialog[open]{animation:browser-reveal .24s ease-out}@keyframes browser-reveal{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}