/* Lucide UI glyphs; live surfaces retain the existing light/dark theme tokens. */
.yu-workbench-entry{position:relative}.yu-wb-icon-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--g-fg);cursor:pointer;transition:background .18s,transform .18s,color .18s}.yu-wb-icon-button:hover{background:var(--g-chip)}.yu-wb-icon-button:active{transform:scale(.94)}.yu-wb-entry-button.is-active{color:var(--g-accent,#1a73e8);background:color-mix(in srgb,var(--g-accent,#1a73e8) 10%,transparent)}.yu-wb-count{position:absolute;right:2px;top:2px;padding:0 4px;font-size:9px;line-height:15px;border-radius:5px;background:var(--g-chip);color:var(--g-muted)}
.yu-wb-tab-menu{position:absolute;z-index:55;top:calc(100% + 8px);right:0;width:280px;max-height:min(60dvh,480px);overflow:auto;padding:8px;border:1px solid var(--g-line);border-radius:18px;background:var(--g-surface,var(--g-bg));box-shadow:var(--g-shadow);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transform-origin:top right;transition:opacity .2s,transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}.yu-wb-tab-menu.is-open{opacity:1;visibility:visible;transform:none}.yu-wb-tab-menu p{padding:5px 8px 8px;margin:0;font-size:12px;color:var(--g-muted)}.yu-wb-tab-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:0;background:transparent;border-radius:10px;color:var(--g-fg);text-align:left;cursor:pointer;transition:background .16s,transform .16s}.yu-wb-tab-menu button:hover{background:var(--g-chip)}.yu-wb-tab-menu button:active{transform:scale(.98)}.yu-wb-tab-menu button svg{flex:none}.yu-wb-tab-menu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.yu-wb-menu-expand{margin-top:5px;border-top:1px solid var(--g-line)!important;border-radius:0 0 10px 10px!important}
.yu-chat-workbench-layout:has(>.yu-workbench:not(.is-maximized))>div:first-child{flex:1 1 42%;width:42%;min-width:300px;transition:flex-basis .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.yu-chat-workbench-layout:has(>.yu-workbench:not(.is-maximized)) .yu-composer-surface{flex-wrap:wrap}.yu-chat-workbench-layout:has(>.yu-workbench:not(.is-maximized)) .yu-picker-trigger{max-width:180px}
.yu-workbench{position:relative;display:flex;flex:1 1 58%;min-width:0;min-height:0;height:100%;border-left:1px solid var(--g-line);background:var(--g-bg);flex-direction:column;overflow:hidden;animation:yu-wb-enter .3s cubic-bezier(.22,1,.36,1) both;transition:width .28s,flex-basis .28s,border-radius .28s,opacity .23s,transform .23s}.yu-workbench.is-leaving{animation:yu-wb-exit .23s ease both;pointer-events:none}.yu-workbench.is-maximized{position:absolute;inset:0;z-index:30;width:100%;height:100%;border-left:0;animation:yu-wb-maximize .28s cubic-bezier(.22,1,.36,1) both}.yu-wb-tabbar{display:flex;min-width:0;align-items:center;gap:5px;height:56px;flex:none;padding:8px;border-bottom:1px solid var(--g-line);background:var(--g-surface,var(--g-bg))}.yu-wb-tabs{display:flex;align-items:center;flex:1;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none}.yu-wb-tabs::-webkit-scrollbar{display:none}.yu-wb-tabs>button,.yu-wb-web-tab>button:first-child{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;flex:none;max-width:190px;border:0;border-radius:10px;background:transparent;color:var(--g-muted);cursor:pointer;font-size:12px;transition:background .18s,color .18s,transform .18s}.yu-wb-tabs>button:hover,.yu-wb-web-tab:hover{background:var(--g-chip)}.yu-wb-tabs>button:active{transform:scale(.96)}.yu-wb-tabs>button.is-selected,.yu-wb-web-tab.is-selected{background:var(--g-chip);color:var(--g-fg)}.yu-wb-tabs svg{flex:none;width:16px;height:16px}.yu-wb-tabs span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yu-wb-web-tab{display:flex;flex:none;max-width:230px;align-items:center;border-radius:10px;transition:background .18s;animation:yu-wb-row-in .22s ease both}.yu-wb-web-tab.is-selected>button:first-child{color:var(--g-fg)}.yu-wb-tab-close{width:25px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--g-muted);cursor:pointer}.yu-wb-tab-close:hover{background:var(--g-line)}.yu-wb-tab-close svg{width:13px;height:13px}.yu-wb-new-tab{width:36px;justify-content:center;padding:0!important}.yu-wb-window-controls{display:flex;align-items:center;flex:none}.yu-wb-window-controls .yu-wb-icon-button{width:33px;height:33px}.yu-wb-content{flex:1;min-height:0;min-width:0;display:flex;position:relative;overflow:hidden}.yu-wb-addressbar{display:flex;align-items:center;flex:none;gap:7px;padding:9px 10px;border-bottom:1px solid var(--g-line);background:var(--g-surface,var(--g-bg))}.yu-wb-navigation{display:flex;gap:2px}.yu-wb-navigation button,.yu-wb-address button{border:0;border-radius:8px;background:transparent;color:var(--g-muted);width:29px;height:30px;display:grid;place-items:center;cursor:pointer;transition:background .18s,transform .18s}.yu-wb-navigation button:hover,.yu-wb-address button:hover{background:var(--g-line)}.yu-wb-navigation button:active,.yu-wb-address button:active{transform:scale(.93)}.yu-wb-navigation button:disabled{opacity:.35;cursor:default}.yu-wb-address{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:2px 7px;border:1px solid var(--g-line);border-radius:12px;background:var(--g-chip)}.yu-wb-address>svg{width:14px;height:14px;flex:none;color:var(--g-muted)}.yu-wb-address input{border:0;background:transparent;color:var(--g-fg);outline:none;min-width:0;width:100%;font-size:12px}.yu-wb-address:focus-within{border-color:var(--g-accent,#1a73e8);box-shadow:0 0 0 2px color-mix(in srgb,var(--g-accent,#1a73e8) 12%,transparent)}.yu-wb-error{display:flex;gap:8px;align-items:center;padding:9px 14px;background:#e5484d10;color:#d9464c;font-size:12px;animation:yu-wb-row-in .2s}.yu-wb-error span{flex:1}.yu-wb-error button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.yu-wb-new-page{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;animation:yu-wb-row-in .25s}.yu-wb-new-page-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:15px;border:1px solid var(--g-line);border-radius:21px;background:var(--g-chip);color:var(--g-accent,#1a73e8)}.yu-wb-new-page-icon svg{width:30px;height:30px}.yu-wb-new-page h1{font-size:22px;font-weight:500;margin:0 0 10px}.yu-wb-new-page p{max-width:340px;font-size:13px;line-height:1.8;color:var(--g-muted)}.yu-wb-new-page small{margin-top:20px;font-size:11px;color:var(--g-subtle,var(--g-muted))}
.yu-wb-browser-view{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;animation:yu-wb-row-in .2s}.yu-wb-viewport{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:#16181d}.yu-wb-canvas-fit{position:relative;width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.yu-wb-canvas-fit canvas{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;touch-action:none;outline:none;cursor:auto;background:#fff}.yu-wb-cursor{position:absolute;display:block;pointer-events:none;z-index:2;width:23px;height:27px;transform:translate(-3px,-2px);color:#141820;filter:drop-shadow(0 1px 1px #fff);transition:left 60ms linear,top 60ms linear}.yu-wb-cursor svg{width:23px;height:27px;fill:#fff;stroke:#172132;stroke-width:1.8}.yu-wb-frame-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#c9d0dc;background:#16181d}.yu-wb-frame-wait>svg{width:32px;height:32px;animation:yu-wb-pulse 1.8s ease-in-out infinite}.yu-wb-frame-wait p{font-size:13px;margin:0}.yu-wb-frame-wait small{font-size:11px;color:#8993a3}.yu-wb-browser-foot{height:36px;flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;border-top:1px solid var(--g-line);color:var(--g-muted);background:var(--g-surface,var(--g-bg));font-size:10px}.yu-wb-browser-foot>span:first-child{display:flex;align-items:center;gap:5px}.yu-wb-browser-foot i{width:5px;height:5px;border-radius:100%;background:#b5bbc4}.yu-wb-browser-foot .is-connected i{background:#25a774}.yu-wb-browser-foot button{display:flex;gap:5px;align-items:center;margin-left:auto;border:0;padding:5px 7px;background:transparent;color:var(--g-muted);border-radius:7px;cursor:pointer}.yu-wb-browser-foot button:hover{background:var(--g-chip)}.yu-wb-browser-foot svg{width:15px;height:15px}.yu-wb-touch-help{display:none}.yu-wb-keyboard{display:flex;align-items:center;gap:6px;max-height:0;overflow:hidden;opacity:0;padding:0 10px;background:var(--g-surface,var(--g-bg));transition:max-height .22s,padding .22s,opacity .18s}.yu-wb-keyboard.is-open{max-height:100px;padding:10px;opacity:1;border-top:1px solid var(--g-line)}.yu-wb-keyboard textarea{flex:1;min-width:0;resize:none;padding:8px 10px;border:1px solid var(--g-line);border-radius:10px;background:var(--g-chip);color:var(--g-fg);font-size:14px;outline:none}.yu-wb-keyboard button{display:grid;place-items:center;padding:8px 10px;border:0;border-radius:9px;background:var(--g-chip);color:var(--g-fg);font-size:12px;cursor:pointer}.yu-wb-keyboard button:disabled{opacity:.4}
.yu-wb-agents{padding:28px 24px 40px;width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--g-line) transparent}.yu-wb-section-heading{display:grid;grid-template-columns:22px 1fr;column-gap:10px;margin-bottom:30px;align-items:center}.yu-wb-section-heading>svg{color:var(--g-accent,#1a73e8)}.yu-wb-section-heading h1{margin:0;font-size:18px;font-weight:500}.yu-wb-section-heading p{grid-column:2;margin:5px 0 0;color:var(--g-muted);font-size:11px}.yu-wb-agent-group{margin-bottom:28px}.yu-wb-agent-group h2{font-size:12px;font-weight:400;color:var(--g-muted);display:flex;gap:8px;margin:0 0 12px}.yu-wb-empty-copy{font-size:12px;color:var(--g-subtle,var(--g-muted));padding:12px 0}.yu-wb-agent-card{border:1px solid transparent;border-radius:15px;transition:border-color .2s,background .2s;animation:yu-wb-row-in .23s both;margin-bottom:5px}.yu-wb-agent-card.is-expanded{border-color:var(--g-line);background:var(--g-surface,var(--g-bg))}.yu-wb-agent-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:14px;background:transparent;color:var(--g-fg);cursor:pointer;text-align:left;transition:background .18s,transform .18s}.yu-wb-agent-row:hover{background:var(--g-chip)}.yu-wb-agent-row:active{transform:scale(.99)}.yu-wb-agent-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:11px;background:color-mix(in srgb,var(--g-accent,#1a73e8) 12%,transparent);color:var(--g-accent,#1a73e8)}.yu-wb-agent-avatar.is-working{animation:yu-wb-pulse 1.8s ease-in-out infinite}.yu-wb-agent-title{flex:1;min-width:0;display:grid;gap:4px}.yu-wb-agent-title strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yu-wb-agent-title small{font-size:10px;color:var(--g-muted)}.yu-wb-agent-time{font-size:10px;color:var(--g-subtle,var(--g-muted))}.yu-wb-agent-row>svg{width:13px;height:13px;color:var(--g-muted)}.yu-wb-agent-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .2s}.yu-wb-agent-card.is-expanded .yu-wb-agent-details{grid-template-rows:1fr;opacity:1}.yu-wb-agent-details>div{min-height:0;overflow:hidden;padding:0 14px}.yu-wb-agent-card.is-expanded .yu-wb-agent-details>div{padding-bottom:14px}.yu-wb-agent-task{font-size:12px;line-height:1.75;overflow-wrap:anywhere;margin:3px 0 12px}.yu-wb-agent-details details{font-size:11px;color:var(--g-muted);margin-bottom:12px}.yu-wb-agent-details summary{cursor:pointer}.yu-wb-agent-details pre{max-height:280px;overflow:auto;padding:10px;border:1px solid var(--g-line);border-radius:10px;background:var(--g-chip);font-family:ui-monospace,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin}.yu-wb-result-head{display:flex;align-items:center;justify-content:space-between;color:var(--g-muted);font-size:11px}.yu-wb-result-head button{display:flex;gap:5px;align-items:center;padding:5px 8px;border:0;background:transparent;color:inherit;cursor:pointer}.yu-wb-result-head svg{width:13px;height:13px}.yu-wb-child-step{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--g-muted)}.yu-wb-child-step svg{width:12px;height:12px;flex:none}
@keyframes yu-wb-enter{from{opacity:0;transform:translateX(18px);flex-basis:0%}to{opacity:1;transform:none;flex-basis:58%}}@keyframes yu-wb-exit{from{opacity:1;transform:none}to{opacity:0;transform:translateX(18px);flex-basis:0%}}@keyframes yu-wb-maximize{from{opacity:.65;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes yu-wb-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes yu-wb-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:1023px){.yu-workbench{position:absolute;inset:0;z-index:30;border-left:0;width:100%;height:100%;flex:none;animation:yu-wb-maximize .25s cubic-bezier(.22,1,.36,1) both}.yu-chat-workbench-layout:has(>.yu-workbench:not(.is-maximized))>div:first-child{flex:1;width:100%;min-width:0}.yu-wb-tabbar{height:52px;padding:6px}.yu-wb-tabs>button,.yu-wb-web-tab>button:first-child{height:38px}.yu-wb-maximize{display:none}.yu-wb-addressbar{padding:8px 7px;gap:4px}.yu-wb-navigation{gap:0}.yu-wb-navigation button{width:27px}.yu-wb-address input{font-size:14px;min-height:30px}.yu-wb-agents{padding:22px 15px 35px}.yu-wb-new-page{padding:22px}.yu-wb-new-page h1{font-size:21px}.yu-wb-tab-menu{width:min(285px,calc(100vw - 24px));right:0}.yu-wb-browser-foot{height:41px;font-size:10px}.yu-wb-touch-help{display:inline}.yu-wb-browser-foot button{min-height:32px}.yu-wb-keyboard textarea{font-size:16px}.yu-wb-cursor{transition:none}.yu-wb-tabbar .yu-wb-window-controls .yu-wb-icon-button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.yu-workbench,.yu-wb-tab-menu,.yu-wb-agent-card,.yu-wb-agent-details,.yu-wb-keyboard,.yu-wb-cursor,.yu-wb-icon-button,.yu-wb-agent-row,.yu-wb-new-page,.yu-wb-web-tab,.yu-wb-agent-avatar,.yu-wb-frame-wait>svg,.yu-chat-workbench-layout>div{animation:none!important;transition:none!important}}

.yu-wb-composer{display:none;flex:none;position:relative;border-top:1px solid var(--g-line);background:var(--g-bg);padding-top:6px}.yu-workbench.is-maximized .yu-wb-composer{display:block}.yu-wb-composer>div{padding-bottom:8px}.yu-wb-composer .composer-shell{max-width:760px}.yu-wb-composer .yu-composer-surface{flex-wrap:nowrap!important}@media(max-width:1023px){.yu-wb-composer{display:block}.yu-wb-composer>div{padding-top:4px;padding-bottom:4px}.yu-wb-composer .kb-hide{display:none}}

.yu-wb-viewport.is-zoomed{display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:#667084 #16181d}.yu-wb-viewport.is-zoomed .yu-wb-canvas-fit{max-height:none;flex:none}.yu-wb-browser-foot .yu-wb-browser-zoom{margin-left:auto}.yu-wb-browser-foot .yu-wb-browser-zoom+button{margin-left:0}.yu-wb-canvas-fit{flex:none}

/* Live navigation feedback and independent Agent pointer */
.yu-wb-cursor{color:#1a73e8;filter:drop-shadow(0 1px 2px #fff)}.yu-wb-cursor svg{fill:#1a73e8;stroke:#fff}.yu-wb-cursor small{position:absolute;left:19px;top:19px;padding:3px 6px;border-radius:7px;background:#1a73e8;color:#fff;font:10px/1.2 system-ui;white-space:nowrap}
.yu-wb-opening{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--g-bg) 94%,transparent);color:var(--g-fg);animation:yu-wb-row-in .2s}.yu-wb-opening svg,.yu-wb-load-progress svg{animation:yu-wb-load-spin 1.4s linear infinite}.yu-wb-opening strong{font-size:14px;font-weight:500}.yu-wb-opening small{font-size:12px;color:var(--g-muted)}.yu-wb-top-progress{position:absolute;z-index:4;top:0;left:0;right:0;height:3px;overflow:hidden;pointer-events:none;background:#1a73e822}.yu-wb-top-progress:after{content:"";display:block;width:40%;height:100%;background:#1a73e8;animation:yu-wb-loading 1.3s ease-in-out infinite}.yu-wb-load-progress{display:flex;align-items:center;gap:5px;color:var(--g-accent,#1a73e8)}.yu-wb-load-progress svg{width:13px;height:13px}.yu-wb-page-warning{position:absolute;z-index:5;top:8px;left:12px;right:12px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--g-line);border-radius:12px;color:var(--g-fg);background:var(--g-surface,var(--g-bg));font-size:12px;animation:yu-wb-row-in .2s}.yu-wb-page-warning button{margin-left:auto;border:0;background:transparent;color:var(--g-accent,#1a73e8);cursor:pointer;white-space:nowrap}
/* Reuse the real conversation renderer, approvals and composer in a floating panel. */
.yu-wb-chat-dock{position:absolute;z-index:12;right:18px;bottom:14px;width:min(540px,calc(100% - 36px));max-height:calc(100% - 130px);display:flex;flex-direction:column;border:1px solid var(--g-line);border-radius:22px;background:var(--g-surface,var(--g-bg));box-shadow:0 12px 48px #0002;overflow:visible;animation:yu-wb-row-in .28s;transition:width .26s,border-radius .26s,box-shadow .26s}.yu-wb-chat-header{display:flex;align-items:center;gap:7px;min-height:40px;padding:3px 9px;border-radius:22px 22px 0 0;flex:none}.yu-wb-chat-header button{width:30px;height:30px}.yu-wb-chat-header span{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px}.yu-wb-chat-header small{font-size:10px;color:var(--g-muted);padding-right:7px}.yu-wb-chat-body{display:grid;grid-template-rows:1fr;opacity:1;min-height:0;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s}.yu-wb-chat-scroll{overflow:auto;min-height:0;max-height:min(36dvh,360px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--g-line) transparent}.yu-wb-chat-dock.is-collapsed .yu-wb-chat-body{grid-template-rows:0fr;opacity:0}.yu-wb-chat-dock.is-collapsed .yu-wb-chat-scroll{overflow:hidden}.yu-wb-chat-dock .yu-wb-composer{padding:4px 8px 8px;border:0;border-radius:0 0 22px 22px;flex:none}.yu-wb-chat-dock .yu-wb-composer>div{padding:0!important}.yu-wb-chat-dock .yu-wb-composer .yu-terms{display:none}.yu-wb-chat-scroll>div{padding:12px 16px!important;gap:18px!important}.yu-wb-chat-scroll pre{max-height:200px}.yu-wb-chat-dock.is-collapsed{width:min(470px,calc(100% - 36px))}
@keyframes yu-wb-loading{from{transform:translateX(-110%)}to{transform:translateX(360%)}}@keyframes yu-wb-load-spin{to{transform:rotate(360deg)}}

/* Local browser pairing and live DOM control without remote frame decoding. */
.yu-wb-new-page:has(.yu-wb-local){justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;padding-top:26px}
.yu-wb-new-page:has(.yu-wb-local)>h1{font-size:20px;margin:12px 0 5px}
.yu-wb-new-page:has(.yu-wb-local)>p{margin:5px 0;max-width:520px}
.yu-wb-new-page:has(.yu-wb-local)>.yu-wb-new-page-icon{width:44px;height:44px}
.yu-wb-cloud-start{margin:12px 0 0;animation:yu-wb-row-in .2s ease both}.yu-wb-local-offline>p{margin:0 0 10px;font-size:12px;line-height:1.8}.yu-wb-frame-wait>.yu-wb-local-secondary{min-height:38px;margin-top:5px}.yu-wb-local-toggle:focus-visible,.yu-wb-cloud-start:focus-visible{outline:2px solid var(--g-accent,#1a73e8);outline-offset:2px}
.yu-wb-native-actions{margin:18px 0 0;animation:yu-wb-row-in .22s ease both}.yu-wb-native-actions>.yu-wb-local-primary{min-height:42px}.yu-wb-local.is-native .yu-wb-local-head strong{font-size:15px}.yu-wb-local.is-native .yu-wb-local-note{font-size:12px}.yu-wb-local.is-native{border-color:color-mix(in srgb,var(--g-accent,#1a73e8) 25%,var(--g-line))}
@media(max-width:767px){.yu-wb-native-actions>.yu-wb-local-primary{width:100%;min-height:44px}.yu-wb-cloud-start{max-width:100%;font-size:12px}.yu-wb-local.is-native{width:100%}}
@media(prefers-reduced-motion:reduce){.yu-wb-native-actions,.yu-wb-cloud-start{animation:none!important;transition:none!important}}
.yu-wb-dom-browser{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;animation:yu-wb-row-in .2s ease both}.yu-wb-dom-viewport{position:relative;display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;background:#16181d}.yu-wb-dom-root{position:absolute;inset:0;overflow:hidden}.yu-wb-dom-root .replayer-wrapper{position:absolute;transform-origin:top left}.yu-wb-dom-root iframe{display:block;border:0;background:white;touch-action:none}.yu-wb-dom-root .replayer-mouse,.yu-wb-dom-root .replayer-mouse-tail{display:none!important}.yu-wb-dom-browser.is-fallback>.yu-wb-dom-viewport>.yu-wb-dom-root{display:none}.yu-wb-dom-browser.is-fallback .yu-wb-browser-view{width:100%;height:100%}.yu-wb-dom-reason{font-size:10px;color:var(--g-muted);padding:4px 12px;background:var(--g-surface,var(--g-bg))}.yu-wb-dom-viewport>.yu-wb-cursor{transition:left 60ms linear,top 60ms linear}
@media(max-width:767px){.yu-wb-dom-browser>.yu-wb-browser-foot{height:41px}.yu-wb-dom-viewport>.yu-wb-cursor{transition:none}}
.yu-wb-local{width:min(640px,100%);margin:22px auto 0;padding:18px;border:1px solid var(--g-line);border-radius:20px;background:var(--g-surface,var(--g-bg));text-align:left;animation:yu-wb-row-in .25s ease both;transition:background .2s,border-color .2s,padding .25s}
.yu-wb-local.is-tab{flex:1;width:100%;max-width:none;margin:0;padding:28px;border:0;border-radius:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g-line) transparent}
.yu-wb-local-head{display:flex;align-items:center;gap:12px;min-width:0}.yu-wb-local-head>div{flex:1;min-width:0}.yu-wb-local-head strong{font-size:14px;font-weight:500}.yu-wb-local-head p{color:var(--g-muted);font-size:12px;line-height:1.7;margin:5px 0 0}.yu-wb-local-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--g-accent,#1a73e8) 12%,transparent);color:var(--g-accent,#1a73e8)}
.yu-wb-local-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .22s}.yu-wb-local-details.is-open{grid-template-rows:1fr;opacity:1}.yu-wb-local-details>div{min-height:0;overflow:hidden}.yu-wb-local-details ol{display:grid;gap:13px;margin:20px 0 14px;padding-left:22px;color:var(--g-fg);font-size:12px;line-height:1.8}.yu-wb-local-details li::marker{color:var(--g-muted)}.yu-wb-local-details a{display:inline-flex;align-items:center;gap:7px;color:var(--g-accent,#1a73e8);text-decoration:none;border-radius:8px;padding:3px 5px;transition:background .2s,transform .18s}.yu-wb-local-details a:hover{background:var(--g-chip)}.yu-wb-local-details a:active{transform:scale(.97)}.yu-wb-local-note{margin:13px 0!important;font-size:12px!important;color:var(--g-muted)!important;line-height:1.8!important}.yu-wb-local-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:18px 0 2px}.yu-wb-local-actions>span{font-size:11px;color:var(--g-muted)}
.yu-wb-local-primary,.yu-wb-local-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:11px;border:1px solid transparent;background:var(--g-accent,#1a73e8);color:#fff;font-size:12px;cursor:pointer;transition:background .2s,transform .18s,opacity .2s}.yu-wb-local-secondary{background:var(--g-chip);color:var(--g-fg);border-color:var(--g-line)}.yu-wb-local-primary:hover{filter:brightness(1.08)}.yu-wb-local-secondary:hover{background:var(--g-line)}.yu-wb-local-primary:active,.yu-wb-local-secondary:active{transform:scale(.97)}.yu-wb-local-primary:disabled,.yu-wb-local-secondary:disabled{opacity:.45;cursor:default;filter:none}.yu-wb-local-primary svg,.yu-wb-local-secondary svg{width:15px;height:15px}
.yu-wb-local-pair{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--g-accent,#1a73e8) 30%,var(--g-line));border-radius:13px;background:color-mix(in srgb,var(--g-accent,#1a73e8) 7%,transparent);padding:12px;animation:yu-wb-row-in .22s ease both}.yu-wb-local-pair code{font-family:ui-monospace,monospace;font-size:22px;font-weight:600;letter-spacing:3px;color:var(--g-fg)}.yu-wb-local-pair>span{font-size:11px;color:var(--g-muted)}.yu-wb-local-pair button{display:flex;align-items:center;gap:5px;margin-left:auto;border:0;border-radius:9px;background:var(--g-chip);color:var(--g-fg);padding:7px 10px;font-size:11px;cursor:pointer;transition:background .2s,transform .18s}.yu-wb-local-pair button:active{transform:scale(.96)}.yu-wb-local-pair button:disabled{opacity:.4}
.yu-wb-local-session{margin-top:22px;animation:yu-wb-row-in .25s ease both}.yu-wb-local-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:8px;background:var(--g-chip);font-size:11px;color:var(--g-muted)}.yu-wb-local-badge i{width:6px;height:6px;background:#8993a3;border-radius:50%}.yu-wb-local-badge.is-online i{background:#25a774}.yu-wb-local-page{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.yu-wb-local-page>strong{width:100%;font-size:17px;font-weight:500;overflow-wrap:anywhere}.yu-wb-local-page>span{width:100%;font-size:12px;color:var(--g-muted);overflow-wrap:anywhere}.yu-wb-local-session>p{font-size:12px;color:var(--g-muted);line-height:1.8}.yu-wb-local-offline{padding:12px;border:1px solid var(--g-line);background:var(--g-chip);border-radius:12px;animation:yu-wb-row-in .22s ease both}.yu-wb-local-summary{margin-top:20px;animation:yu-wb-row-in .22s ease both}.yu-wb-local-summary>strong{font-size:12px;font-weight:500}.yu-wb-local-summary pre{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;padding:14px;border:1px solid var(--g-line);border-radius:13px;background:var(--g-chip);scrollbar-width:thin}
@media(max-width:1023px){.yu-wb-local{margin-top:16px;padding:14px;border-radius:16px}.yu-wb-local.is-tab{padding:19px 15px}.yu-wb-local-head{gap:9px}.yu-wb-local-head strong{font-size:13px}.yu-wb-local-head p{font-size:11px}.yu-wb-local-head>.yu-wb-icon-button{width:32px;flex:none}.yu-wb-local-details ol{font-size:12px}.yu-wb-local-pair code{font-size:20px}.yu-wb-local-actions{align-items:stretch}.yu-wb-local-actions>button{min-height:40px}.yu-wb-new-page:has(.yu-wb-local){padding:18px 15px}.yu-wb-local-page>strong{font-size:16px}.yu-wb-local-summary pre{max-height:240px}}
@media(prefers-reduced-motion:reduce){.yu-wb-local,.yu-wb-local-details,.yu-wb-local-session,.yu-wb-local-pair,.yu-wb-local-offline,.yu-wb-local-summary,.yu-wb-local-primary,.yu-wb-local-secondary{animation:none!important;transition:none!important}}
@media(max-width:1023px){.yu-wb-chat-dock{right:8px;bottom:8px;width:calc(100% - 16px);max-height:55%;border-radius:18px}.yu-wb-chat-dock.is-collapsed{width:calc(100% - 16px)}.yu-wb-chat-scroll{max-height:25dvh}.yu-wb-chat-dock .yu-wb-composer{padding:3px 6px 6px}.yu-wb-chat-dock .yu-wb-composer textarea{max-height:85px!important}.yu-wb-load-progress{display:none}.yu-wb-chat-header{min-height:35px}.yu-wb-opening small{max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){.yu-wb-opening,.yu-wb-opening svg,.yu-wb-load-progress svg,.yu-wb-top-progress:after,.yu-wb-chat-dock,.yu-wb-chat-body{animation:none!important;transition:none!important}}

.yu-wb-child-conversation{display:flex;flex-direction:column;gap:20px;padding:14px 0;overflow:auto;max-height:60dvh;overscroll-behavior:contain;scrollbar-width:thin}.yu-wb-child-conversation>div{animation:yu-wb-row-in .2s}.yu-wb-child-conversation pre{white-space:pre;max-height:240px}.yu-wb-child-conversation .yu-work-process{max-width:100%}

.yu-wb-agent-view{padding:0!important;display:flex;flex-direction:column;min-height:0;overflow:hidden}.yu-wb-child-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--g-line);flex:none}.yu-wb-child-header strong{font-weight:500;font-size:14px;flex:1}.yu-wb-child-header small{font-size:11px;color:var(--g-muted)}.yu-wb-agent-view>.yu-wb-child-conversation{max-height:none;flex:1;min-height:0;padding:24px;animation:yu-wb-row-in .23s}.yu-wb-child-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;color:var(--g-muted);font-size:12px;animation:yu-wb-row-in .2s}@media(max-width:1023px){.yu-wb-agent-view>.yu-wb-child-conversation{padding:16px}}