/* Geometry and palette from marketing/designs/2026-09-12/experience-source.html. */
html:root,html[data-theme=light],html[data-theme=dark],html[data-theme=system]{color-scheme:light dark;--v3-bg:light-dark(#f4f6fa,#131722);--v3-surface:light-dark(#fff,#1c2230);--v3-side:light-dark(#edf1f7,#171c28);--v3-text:light-dark(#142b43,#e8edf7);--v3-muted:light-dark(#62718a,#a5b2c9);--v3-line:light-dark(#dce3ed,#333d50);--v3-brand:light-dark(#6752dc,#ac99ff);--v3-brand-hover:light-dark(#5942cc,#baaaff);--v3-on-brand:light-dark(#fff,#191329);--v3-soft:light-dark(#eeebff,#302944);--v3-blue:light-dark(#2265a7,#8fc3f7);--v3-hover:light-dark(#edf3fc,#263248);--v3-green:light-dark(#26765f,#7fd5b6);--v3-red:light-dark(#b93d45,#fa9aa0);--web-canvas:var(--v3-bg);--web-panel:var(--v3-surface);--web-panel-muted:var(--v3-bg);--web-panel-hover:var(--v3-hover);--web-text:var(--v3-text);--web-muted:var(--v3-muted);--web-faint:var(--v3-muted);--web-line:var(--v3-line);--web-accent:var(--v3-blue);--web-accent-hover:var(--v3-blue);--web-accent-soft:var(--v3-hover);--web-success:var(--v3-green);--web-danger:var(--v3-red);--surface:var(--v3-surface);--surface-soft:var(--v3-bg);--bg:var(--v3-bg);--ink:var(--v3-text);--text:var(--v3-text);--muted:var(--v3-muted);--text-soft:var(--v3-muted);--line:var(--v3-line);--primary:var(--v3-brand);--primary-soft:var(--v3-soft)}
html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}
html:root body{font:15px/1.55 system-ui,-apple-system,"Segoe UI Variable Text","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background:var(--v3-bg);color:var(--v3-text)}html:root button,html:root input,html:root textarea{font-family:inherit}
html:root .app-header{height:46px;background:var(--v3-surface);border-bottom:1px solid var(--v3-line);box-shadow:none}html:root .app-header-main{height:46px;padding:0 20px}
html:root .brand{font-size:13px;gap:8px;letter-spacing:0}html:root .brand img{width:22px;height:22px}html:root .brand b{display:none}
html:root .app-frame{height:calc(100dvh - 46px);grid-template-columns:174px minmax(0,1fr)}html:root .app-sidebar{background:var(--v3-side);padding:28px 14px 22px;border-right:1px solid var(--v3-line);gap:24px}
html:root .sidebar-nav{gap:8px}html:root .sidebar-nav button{min-height:46px;padding:11px 12px;gap:10px;border:1px solid transparent;border-radius:10px;color:var(--v3-muted);background:none;font-size:14px;font-weight:400}html:root .sidebar-nav button svg{width:20px;height:20px}
html:root .sidebar-nav button.active{color:var(--v3-brand);border-color:color-mix(in srgb,var(--v3-brand) 22%,var(--v3-line));background:var(--v3-soft);font-weight:600;box-shadow:none}html:root .sidebar-nav button:hover:not(.active){background:var(--v3-hover);color:var(--v3-text)}
.v3-ai-label{display:inline-block;font-size:10px;line-height:1.35;color:var(--v3-brand);border:1px solid color-mix(in srgb,var(--v3-brand) 35%,transparent);border-radius:3px;padding:0 2px;font-weight:400;vertical-align:middle;margin-left:3px}
html:root .sidebar-bottom{margin-top:auto;padding-bottom:80px}.sidebar-filing{opacity:.7;font-size:10px!important}
html:root .app-content{padding:30px 34px;background:var(--v3-bg);scrollbar-gutter:stable;min-width:0}html:root .page{max-width:1200px;margin:0 auto}html:root .page-heading{margin:0 0 30px;min-height:40px;align-items:center}
html:root .page-heading h1{font-size:29px;line-height:1.35;letter-spacing:-.6px;font-weight:700;color:var(--v3-text)}html:root .page-heading .overline,html:root .tasks-heading .xiaolan-heading>img,html:root .tasks-heading .xiaolan-heading p{display:none}
.v3-theme-cycle{border:0;background:transparent;color:var(--v3-muted);display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:7px;cursor:pointer}.v3-theme-cycle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.v3-theme-cycle:hover{background:var(--v3-hover)}
html:root #accountMenuButton{position:fixed;bottom:22px;left:22px;min-height:52px;width:132px;padding:10px 0;justify-content:flex-start;gap:9px;background:transparent;border:0;border-top:1px solid var(--v3-line);border-radius:0;color:var(--v3-text);font-size:14px}html:root #accountMenuButton>svg{width:20px;height:20px;flex:none}html:root #accountMenuButton .account-chevron{display:none}.v3-account-label{white-space:nowrap}.account-tier-mark{order:3;margin-left:auto}
html:root .account-popover{position:fixed;left:186px;right:auto;top:auto;bottom:24px;width:320px;max-height:calc(100dvh - 88px);overflow:auto;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);box-shadow:0 14px 48px #0002}html:root .account-popover-actions button{min-height:46px;font-size:14px}.account-popover-actions em{margin-left:auto;font-size:12px;font-style:normal}
/* Focused assistant entry; no dashboard/sidebar/card nesting. */
html:root .v3-lanmate-content{width:min(920px,100%);margin:0 auto}html:root #createTaskForm{display:block;margin:0}.v3-target-context{margin:0 0 30px}
html:root .v3-target-context .composer-device-row{padding:0;border:0;gap:10px;display:flex;align-items:center;justify-content:flex-start}html:root .v3-target-context .device-picker-label{font-size:13px;font-weight:400;min-width:0;color:var(--v3-muted)}
html:root .v3-target-context .device-select-shell{display:flex;position:relative;min-width:0;max-width:370px;width:auto;border:0;border-radius:0;background:transparent;box-shadow:none}html:root .v3-target-context .target-device-input{width:200px;min-width:0;min-height:38px;padding:5px 0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--v3-text);font-size:14px;font-weight:600}
html:root .v3-target-context .target-device-trigger{position:static;display:inline-flex;align-items:center;gap:5px;width:auto;min-width:50px;height:38px;border:0;background:none;color:var(--v3-blue)}.v3-target-context .target-device-trigger::after{content:"切换";font-size:13px}.v3-target-context .target-device-chevron{display:none}
.v3-content-heading{margin-bottom:26px}.v3-content-heading h1{font-size:29px;line-height:1.35;letter-spacing:-.6px;font-weight:700;margin:0}
html:root .v3-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 27px}html:root .v3-scenarios button{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:173px;padding:21px 17px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);text-align:left;color:var(--v3-text);cursor:pointer;font:inherit}
html:root .v3-scenarios svg{width:30px;height:30px;fill:none;stroke:var(--v3-blue);stroke-width:1.7;flex:none}html:root .v3-scenarios strong{display:block;font-size:17px;font-weight:600;line-height:1.4;margin-bottom:5px}html:root .v3-scenarios small{display:block;font-size:13px;line-height:1.6;color:var(--v3-muted)}html:root .v3-scenarios i{align-self:flex-end;margin-top:auto;font-style:normal;color:var(--v3-muted)}html:root .v3-scenarios button:hover{border-color:var(--v3-blue);background:var(--v3-surface)}
html:root .v3-composer{display:block;padding:16px 18px 12px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);box-shadow:none}html:root .v3-composer:focus-within{border-color:var(--v3-brand);background:var(--v3-surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--v3-brand) 9%,transparent)}
.v3-composer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.v3-composer-heading>strong{font-size:14px;font-weight:600}.v3-composer-heading>div{display:flex;align-items:center;gap:3px}
html:root .v3-composer #taskMaterialButton{width:36px;height:36px;border:0;background:transparent;color:var(--v3-blue);box-shadow:none;margin:0;padding:8px}html:root .v3-composer .prompt-field{display:block;margin:0;padding:0}
html:root #createTaskForm #taskPrompt{min-height:80px;--background-color:transparent;--border-color:transparent;--box-shadow:none}html:root #createTaskForm #taskPrompt::part(root){min-height:80px;padding:0;border:0;outline:0;box-shadow:none;background:transparent}html:root #createTaskForm #taskPrompt::part(control){min-height:80px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0;font-size:16px;line-height:1.7;resize:vertical}
html:root .v3-composer-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--v3-line);padding-top:11px;margin-top:8px}html:root .v3-composer-footer .web-picker{width:auto;min-width:0;max-width:220px;flex:initial}
html:root .v3-composer-footer .web-picker-trigger{min-width:0;min-height:40px;width:100%;padding:6px 8px;gap:6px;border:0;background:transparent;box-shadow:none;font-size:13px;color:var(--v3-muted)}html:root .v3-composer-footer .web-picker-trigger>span:not(.model-profile-trigger-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:root .v3-composer-footer .web-picker-trigger>svg,html:root .v3-composer-footer .model-profile-trigger-icon{width:16px;height:16px;flex:0 0 16px}html:root .v3-composer-footer #createTaskButton{min-width:78px;margin:0}
.v3-home-links{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--v3-line);margin-top:4px}.v3-home-links button,.v3-home-links a{min-height:40px;display:inline-flex;align-items:center;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--v3-blue);text-decoration:none;cursor:pointer}
html:root .continuation-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:20px 0;margin:0}.continuation-card[hidden]{display:none!important}
/* Flat device rows; metadata and actions have separate alignment. */
html:root .device-group>div{display:block}.device-group>header{margin-bottom:8px}html:root .device-card.v3-device-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border:0;border-bottom:1px solid var(--v3-line);border-radius:0;background:transparent;box-shadow:none;max-width:none;min-height:0}
html:root .device-card-body{padding:0;display:flex;gap:15px;align-items:center;min-width:0;flex:1}html:root .device-card-body .device-card-icon,html:root .v3-quick-device>.device-card-icon{width:28px;height:28px;flex:0 0 28px;padding:0;background:none;box-shadow:none;border:0;border-radius:0;color:var(--v3-blue)}html:root .device-card-body h2{font-size:15px;line-height:1.5;margin:0 0 4px;font-weight:600}.device-card-body p{font-size:13px!important;color:var(--v3-muted);margin:0}.device-card-body small{font-size:12px;color:var(--v3-muted)}
html:root .device-card footer{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;margin:0;flex:none;align-items:center;justify-content:flex-end}.v3-inline-status.online::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--v3-green);margin:0 6px 2px 0}
.v3-device-files,.v3-remote-files{min-height:40px;padding:8px 12px;border:1px solid var(--v3-line);border-radius:9px;background:var(--v3-surface);color:var(--v3-text);font:inherit;font-size:14px;cursor:pointer}.v3-device-files:disabled{opacity:.45;cursor:default}
.v3-remote-start{max-width:980px;margin:0 auto}.v3-remote-device-list>header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px}.v3-remote-device-list h2{font-size:16px;margin:0}.v3-remote-device-list>header button{border:0;background:none;color:var(--v3-blue);font:inherit;font-size:13px;cursor:pointer;padding:8px 0}html:root .quick-device-list{display:block;padding:0;gap:0}
.v3-quick-device{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--v3-line)}.v3-quick-device>div:first-of-type{min-width:0;flex:1}.v3-quick-device strong{display:block;font-size:15px;font-weight:600}.v3-quick-device small{display:block;margin-top:4px;font-size:13px;color:var(--v3-muted)}.v3-quick-actions{display:flex;gap:8px}.v3-quick-actions button{min-height:40px;padding:8px 12px;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-surface);color:var(--v3-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.v3-quick-actions button:disabled{opacity:.45;cursor:default}
.v3-connect-card{margin-top:24px;padding:22px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface)}.v3-connect-card h2{font-size:16px;margin:0 0 18px}.v3-connect-card label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.v3-connect-card>div{display:flex;gap:12px}.v3-connect-card input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--v3-line);border-radius:9px;background:var(--v3-bg);color:var(--v3-text);font:inherit;font-size:16px}.v3-connect-card>div button{min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:var(--v3-brand);color:var(--v3-on-brand);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.v3-connect-card>div button:hover{background:var(--v3-brand-hover)}
.v3-connect-card footer{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.v3-connect-card footer a,.v3-connect-card footer button{min-height:36px;display:inline-flex;align-items:center;border:0;padding:0;background:none;color:var(--v3-blue);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.v3-connection-back{display:block;padding:8px 0;min-height:40px;background:none;border:0;color:var(--v3-blue);font:inherit;font-size:14px;cursor:pointer}.v3-connection-back[hidden],.remote-heading-actions[hidden]{display:none!important}
/* Existing pages inherit the new materials, preserving their complete controls. */
html:root .section-card,html:root .pricing-panel,html:root .benefit-panel,html:root .membership-summary-card,html:root .task-list-pane,html:root .task-detail{background:var(--v3-surface);border-color:var(--v3-line);box-shadow:none;border-radius:13px}html:root .task-detail{padding:24px}.task-split{gap:16px!important}html:root .task-list-item.active{background:var(--v3-soft);border-color:color-mix(in srgb,var(--v3-brand) 30%,var(--v3-line));box-shadow:none}
html:root .web-files .file-primary{background:var(--v3-brand);color:var(--v3-on-brand)}html:root .web-files .file-primary:hover{background:var(--v3-brand-hover)}html:root .web-files .file-tool{border-radius:10px;font-size:14px}.web-files .file-row-name strong{font-size:14px}.web-files [data-file-device]{font-size:13px}
.v3-device-setup{padding:24px 0;color:var(--v3-muted);font-size:14px;line-height:1.7}.v3-device-setup strong{color:var(--v3-text);font-size:16px}.v3-device-setup a,.v3-device-setup button{display:inline-flex;min-height:40px;align-items:center;margin-right:18px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--v3-blue);text-decoration:none;cursor:pointer}
html:root .v3-scenarios button:focus-visible,.v3-theme-cycle:focus-visible,.v3-connect-card button:focus-visible,.v3-home-links button:focus-visible,.v3-quick-actions button:focus-visible{outline:2px solid var(--v3-brand);outline-offset:3px}
@media(min-width:720px) and (max-width:959px){html:root .app-frame{grid-template-columns:138px minmax(0,1fr)}html:root .app-sidebar{padding-inline:9px}html:root .sidebar-nav button{padding-inline:9px;gap:8px;font-size:13px}html:root #accountMenuButton{left:17px;width:107px}.v3-account-label{font-size:13px}html:root .app-content{padding:25px 22px}html:root .account-popover{left:148px}}
@media(max-width:1100px){html:root .v3-scenarios button{padding:18px 15px}html:root .v3-scenarios strong{font-size:16px}}
@media(orientation:portrait),(max-width:719px){
html:root .app-header{height:108px}html:root .app-header-main{height:62px;padding:0 20px}html:root .brand{font-size:23px;font-weight:700;gap:9px}html:root .brand img{width:34px;height:34px}html:root .app-frame{display:block;height:calc(100dvh - 108px)}html:root .app-sidebar{display:none}html:root .app-content{padding:22px 20px 28px}
html:root .portrait-section-tabs{display:flex;height:46px;padding:0 12px;gap:4px;background:var(--v3-surface);border-bottom:1px solid var(--v3-line);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none}html:root .portrait-section-tabs button{flex:1 0 auto;min-height:46px;padding:0 8px;border:0;border-bottom:2px solid transparent;background:none;color:var(--v3-muted);font-size:13px;font-weight:400}html:root .portrait-section-tabs button.active{color:var(--v3-brand);border-bottom-color:var(--v3-brand);background:none;font-weight:600}
html:root #accountMenuButton{position:static;bottom:auto;left:auto;width:38px;min-width:38px;height:38px;min-height:38px;border:0;padding:7px;color:var(--v3-muted);justify-content:center}html:root #accountMenuButton .v3-account-label,html:root #accountMenuButton .account-tier-mark{display:none}html:root .account-actions{gap:6px}html:root .account-popover{left:auto;right:12px;top:64px;bottom:auto;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 90px)}
.v3-target-context{margin-bottom:26px}.v3-content-heading{margin-bottom:22px}.v3-content-heading h1{font-size:25px;line-height:1.4}html:root .v3-target-context .device-picker-label{display:none}html:root .v3-target-context .device-select-shell{max-width:100%}html:root .v3-target-context .target-device-input{font-size:14px;width:210px}
html:root .v3-scenarios{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:20px}html:root .v3-scenarios button{flex-direction:row;align-items:center;gap:14px;min-height:90px;padding:15px 16px}html:root .v3-scenarios svg{width:26px;height:26px}html:root .v3-scenarios strong{font-size:16px;margin-bottom:4px}html:root .v3-scenarios small{font-size:13px}html:root .v3-scenarios i{margin:0 0 0 auto;align-self:center}
html:root .v3-composer{padding:12px 14px 10px}html:root .v3-composer-footer{gap:4px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}html:root .v3-composer-footer .web-picker-trigger{padding:5px 3px;font-size:12px;gap:4px}html:root .v3-composer-footer #createTaskButton{min-width:64px}html:root .v3-composer #taskPrompt::part(control){min-height:64px;font-size:16px}html:root .v3-composer #taskPrompt::part(root){min-height:64px}.v3-home-links{padding:17px 0;gap:10px 20px}
html:root .page-heading{margin-bottom:23px}html:root .page-heading h1{font-size:25px}html:root .device-card.v3-device-row{flex-wrap:wrap;gap:12px;padding:20px 0}html:root .device-card-body{flex:1 1 100%}html:root .device-card footer{width:100%;display:grid;grid-template-columns:1fr 1fr;margin-left:42px}html:root .device-card footer .v3-device-files{grid-column:1/-1;justify-self:start;padding:3px 0;min-height:34px;border:0;background:none;color:var(--v3-blue)}
.v3-quick-device{flex-wrap:wrap;gap:12px;padding:20px 0}.v3-quick-device>div:first-of-type{flex-basis:calc(100% - 44px)}.v3-quick-actions{width:100%;margin-left:42px}.v3-quick-actions button{flex:1;min-height:44px;padding:8px;font-size:13px}.v3-connect-card{padding:18px 16px}.v3-connect-card>div{flex-direction:column;gap:12px}.v3-connect-card>div button{width:100%}.v3-connect-card input{width:100%}.v3-connect-card footer{gap:8px 16px}
html:root .task-detail{padding:16px}html:root .web-files{height:calc(100dvh - 160px);min-height:500px}.v3-remote-files{min-height:40px;font-size:13px}
}
@media(hover:none){html:root .v3-scenarios button:hover{border-color:var(--v3-line);background:var(--v3-surface)}html:root .web-files .file-primary:hover{background:var(--v3-brand)}html:root .v3-composer-footer .web-picker-trigger:hover{background:transparent}}
@media(min-width:720px) and (max-height:550px){
 html:root .app-sidebar{padding:12px 9px;gap:12px}
 html:root .sidebar-nav{gap:4px}html:root .sidebar-nav button{min-height:44px;padding:8px}
 html:root .sidebar-filing{display:none}
 html:root .app-content{padding:16px 20px}
 html:root .web-files{height:calc(100dvh - 78px);min-height:0;gap:10px;padding-bottom:60px}
 .web-files-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.web-files-heading h1{font-size:18px;white-space:nowrap;margin:0}.web-files-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .web-files .web-files-path{padding:0 10px}.web-files .web-files-tools{padding:0 10px 6px;flex-wrap:nowrap}.web-files .web-files-tools .file-tool{min-height:40px;padding-block:4px}
 .web-files .web-files-selection{display:none}.web-files .web-files-mobile{padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){html:root .v3-composer{transition:none}}
/* Mobile priority: composition replaces the choices once the user starts work. */
html:root .app-header{backdrop-filter:none}
html:root .v3-lanmate-content{margin:0}
/* Background interpolation across themes briefly creates a low-contrast gray field. */
html:root .v3-composer{transition:border-color .12s ease,box-shadow .12s ease}
html:root .v3-composer .prompt-field{border:0}
html:root .usage-official-panel,html:root .usage-cost-panel,html:root .usage-detail-panel,html:root .feedback-thread-list,html:root .feedback-thread-detail{border:1px solid var(--v3-line);border-radius:13px;background:var(--v3-surface);box-shadow:none}
html:root .remote-control-page>.page-heading{justify-content:space-between;text-align:left}
html:root [data-web-picker] .web-picker-menu{position:fixed;bottom:auto;right:auto;max-width:none;z-index:145;background:var(--v3-surface);border-color:var(--v3-line);box-shadow:0 10px 32px #0002}
html:root .web-picker-menu strong{font-size:14px}
html:root .web-picker-menu small{font-size:13px;line-height:1.55}
html:root .v3-composer-footer .web-picker-trigger{display:flex}
html:root .v3-composer-footer .web-picker-trigger>span:not(.model-profile-trigger-icon){flex:1}
html:root .account-popover:not([hidden]){animation:none;opacity:1;transform:none}
html:root .page.active{animation:none;opacity:1;transform:none}
html:root .sidebar-nav button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}
html:root #createTaskForm #taskPrompt::part(root)::after{display:none}
.v3-target-context .device-picker-label svg{display:block;width:21px;height:21px;fill:none;stroke:var(--v3-blue);stroke-width:1.6}
.v3-content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#v3ComposeMode{display:none;border:0;background:transparent;min-height:40px;padding:5px 0;font:inherit;font-size:13px;color:var(--v3-blue);cursor:pointer}
html:root .sidebar-filing{white-space:normal;overflow-wrap:anywhere;font-size:11px!important}
html:root .auth-view{background:var(--v3-bg)}html:root .auth-panel{display:block;width:min(440px,calc(100% - 32px));padding:0;background:transparent;box-shadow:none;border:0}
html:root .auth-ambient{display:none}html:root .auth-card{background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;padding:30px;box-shadow:none;max-width:none;width:100%}
html:root .auth-card .brand{font-size:22px;font-weight:700}.auth-card .brand img{width:32px!important;height:32px!important}html:root .auth-card h2{font-size:23px;color:var(--v3-text)}html:root .auth-card .auth-input{background:var(--v3-bg);border-color:var(--v3-line);color:var(--v3-text);font-size:16px}
.web-files-limits{margin:0;padding:8px 16px;font-size:12px;color:var(--v3-muted)}.web-files-limits summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.web-files-limits p{font-size:12px;line-height:1.7;margin:0 0 8px}
#createTaskForm .composer-material-list{max-height:160px;overflow:auto}
@media(orientation:portrait),(max-width:719px){
 html:root .app-header{height:calc(108px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}html:root .app-frame{height:calc(100dvh - 108px - env(safe-area-inset-top))}
 html:root .app-content{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
 html:root #accountMenuButton{position:fixed;top:calc(13px + env(safe-area-inset-top));right:20px;left:auto;bottom:auto;z-index:125}.app-header .account-actions{padding-right:44px}
 html:root .account-popover{top:calc(64px + env(safe-area-inset-top))}
 html:root .v3-target-context .device-picker-label{display:block}.v3-target-context{margin-bottom:20px}html:root .v3-target-context .target-device-input{width:170px}
 .v3-content-heading{margin-bottom:18px}#v3ComposeMode{display:inline-flex;flex:none}
 html:root .v3-scenarios button{min-height:80px;padding:13px 15px}
 html:root .v3-lanmate-page.is-composing .v3-scenarios{display:none}
 html:root .v3-composer #taskMaterialButton{width:44px;height:44px}
 html:root .v3-composer-footer .web-picker-trigger{min-height:44px}
 html:root .web-files{height:calc(100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 html:root .portrait-section-tabs{padding-inline:6px;gap:0}
 html:root .portrait-section-tabs button{min-width:0;flex:1 1 0;padding-inline:3px;white-space:nowrap}
 html:root .portrait-section-tabs .v3-ai-label{display:none}
 html:root .device-card footer,.v3-quick-actions{width:calc(100% - 42px)}
 html:root .app-content{scrollbar-gutter:auto}
 .v3-composer-heading>strong{display:none}
 .v3-content-heading h1{font-size:24px}
 html:root .v3-target-context{margin-bottom:14px}
 html:root .device-card-body{justify-content:flex-start}
 html:root .usage-page .quota-summary-card{padding:14px 16px;gap:8px}
 .usage-page .quota-meters{display:none}
 html:root .usage-ring-grid{padding:12px;gap:10px}
 html:root .usage-ring-item{grid-template-columns:74px minmax(0,1fr);padding:14px;gap:14px;justify-items:stretch;background:var(--v3-surface)}
 html:root .usage-ring{width:74px;height:74px}
 html:root .usage-ring::after{inset:6px}
 html:root .usage-ring strong{font-size:18px}
 html:root .usage-ring-item h3{font-size:15px}
 html:root .usage-ring-item>div:last-child{gap:6px}
 html:root .v3-composer-footer .model-profile-trigger-icon,html:root .v3-composer-footer #approvalModeTrigger>svg:not(.web-picker-chevron){display:none}
 html:root .v3-composer-footer .web-picker-trigger{font-size:13px}
 html:root .v3-composer-footer .web-picker-trigger>.web-picker-chevron{width:12px;flex-basis:12px}
}

/* 3.0 populated pages: common structure, touch actions and bounded lists. */
html:root .sidebar-nav button>span{white-space:nowrap;min-width:0;flex:1}
html:root .sidebar-nav button>svg,html:root .sidebar-nav button>em{flex:none}
.v3-theme-options{display:flex;align-items:center;gap:0}
.v3-theme-options button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--v3-muted);cursor:pointer}
.v3-theme-options svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v3-theme-options button.active{color:var(--v3-brand);border-bottom-color:var(--v3-brand)}
.v3-theme-options button:focus-visible{outline:2px solid var(--v3-brand);outline-offset:-3px}
html:root .continuation-card{padding:20px 0 0;background:transparent;border:0;box-shadow:none}
html:root .continuation-card .section-card-header{padding:0 0 12px;margin:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px}
.continuation-card .section-card-header h2{font-size:17px;margin:0}
.continuation-card .section-card-header button{min-height:44px;padding:0 2px;color:var(--v3-blue);font-size:14px}
html:root .compact-task-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding:1px}
html:root .compact-task-item{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0;width:100%;min-height:76px;border:1px solid var(--v3-line);border-radius:12px;background:var(--v3-surface);box-shadow:none;transform:none;text-align:left}
html:root .compact-task-item>span:first-child{flex:1;min-width:0;display:grid;gap:5px}
html:root .compact-task-item strong{font-size:15px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html:root .compact-task-item small{font-size:13px;line-height:1.5;color:var(--v3-muted)}
html:root .compact-task-item>.status-pill{flex:none}
html:root .app-content>.page{flex-shrink:0}
html:root .app-content:has(.remote-control-page.active:not(.is-connection-open)){overflow:auto;overscroll-behavior:auto}
html:root .remote-control-page.active:not(.is-connection-open){flex:0 0 auto;height:auto;min-height:0}
html:root .mobile-workspace-filing{position:static;flex:none;clear:both;min-height:48px;margin-top:auto;padding:20px 0 4px}
html:root .remote-control-host{border:0;border-radius:16px;box-shadow:none;margin:0;background:transparent}
html:root .v3-connection-back{min-height:44px;padding:8px 12px;margin:0;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-surface);white-space:nowrap}
.v3-remote-entry-actions{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.v3-remote-entry-actions button{min-height:44px;padding:8px 14px;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-surface);color:var(--v3-blue);font:inherit;font-size:14px;cursor:pointer}
.v3-remote-entry-actions button:first-child{color:var(--v3-on-brand);background:var(--v3-brand);border-color:transparent}
html:root .v3-connect-card{margin:0 0 20px;padding:18px}
html:root .v3-connect-card[hidden]{display:none}
html:root .v3-remote-device-list>header{margin:0;padding:0 0 4px}
html:root .tasks-page{width:100%;max-width:none;min-width:0;margin:0}
html:root .tasks-page .task-reply{max-width:1200px;margin-inline:auto}
html:root .app-content:has(.tasks-page.active){overflow:hidden}
html:root .tasks-page.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
html:root .tasks-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
html:root .tasks-heading h1{white-space:nowrap}
html:root .tasks-heading-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none;width:auto}
html:root .tasks-heading-actions>fluent-button{width:auto;min-width:72px}
html:root #taskDetailBack{display:none;min-height:40px;margin:0;padding:8px 10px;border:0;background:transparent;color:var(--v3-blue);font:inherit;font-size:14px;white-space:nowrap;width:auto}
#taskDetailBack svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
html:root .task-split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;flex:1;min-height:0;height:auto;overflow:hidden}
html:root .task-list-pane,html:root .task-detail{height:100%;min-height:0;max-height:none;overflow:auto}
html:root .task-list-pane{display:grid;grid-template-rows:max-content minmax(0,1fr);padding:10px;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:14px;overflow:hidden}
html:root .task-filters{position:relative;display:flex;align-items:center;gap:3px;margin:0 0 10px;padding:4px;background:var(--v3-bg);border:0;border-radius:10px;min-height:54px}
html:root .task-filters button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:6px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--v3-muted);font-size:13px;white-space:nowrap}
html:root .task-filters button.active{color:var(--v3-blue);border-color:var(--v3-line);background:var(--v3-surface);box-shadow:0 1px 3px #00000009;font-weight:600}
html:root .task-filters button:hover:not(.active){color:var(--v3-text);background:var(--v3-hover)}
html:root .task-filters button:active{box-shadow:none}
html:root .task-filters button:focus-visible{outline:2px solid var(--v3-blue);outline-offset:-2px}
html:root .task-filters .filter-count{font-size:12px;padding:0;min-width:16px;margin:0;background:transparent;color:inherit}
html:root .task-list{display:flex;flex-direction:column;gap:6px;padding:2px 3px 2px 1px;min-height:0;max-height:none;overflow:auto;scrollbar-gutter:stable}
html:root .task-list-item{display:grid;gap:14px;flex:none;width:100%;min-height:100px;padding:16px 14px;border:1px solid color-mix(in srgb,var(--v3-line) 60%,transparent);border-radius:11px;background:var(--v3-surface);color:var(--v3-text);box-shadow:none;transform:none;text-align:left;transition:background-color .12s,border-color .12s}
html:root .task-list-item.active{background:color-mix(in srgb,var(--v3-blue) 7%,var(--v3-surface));border-color:color-mix(in srgb,var(--v3-blue) 32%,var(--v3-line));box-shadow:0 2px 7px #00000006}
html:root .task-list-item:active{background:var(--v3-hover);box-shadow:none;transform:none}
html:root .task-list-item:focus-visible{outline:2px solid var(--v3-blue);outline-offset:-2px}
html:root .task-list-item header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
html:root .task-list-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.55;font-weight:600;white-space:normal;overflow-wrap:anywhere}
html:root .task-list-item time{font-size:12px;color:var(--v3-muted);line-height:1.8;white-space:nowrap}
html:root .task-list-item footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0;border:0;background:transparent}
html:root .task-list-item footer>span:first-child:not(.status-pill){font-size:13px;color:var(--v3-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html:root .task-list-item .status-pill{font-size:12px;font-weight:500;line-height:1.5;flex:none;padding:3px 7px;border:0;box-shadow:none}
html:root .task-list-item .status-pill.online{background:color-mix(in srgb,var(--v3-green) 9%,var(--v3-surface));color:var(--v3-green)}
html:root .task-list-item .status-pill.danger{background:color-mix(in srgb,var(--v3-red) 9%,var(--v3-surface));color:var(--v3-red)}
html:root .task-list-item .status-pill.attention{background:color-mix(in srgb,light-dark(#aa631d,#e4b574) 9%,var(--v3-surface));color:light-dark(#995515,#e4b574)}
html:root .task-list-item .task-live-status{font-size:12px;font-weight:500;color:var(--v3-blue);white-space:nowrap}
@media(hover:hover){html:root .task-list-item:hover:not(.active),html:root .compact-task-item:hover{background:var(--v3-hover)}}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){
 html:root .app-header-main{padding-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:6px}
 html:root .app-header-main .brand{font-size:22px;gap:7px}.app-header-main .brand img{width:30px!important;height:30px!important}
 html:root .account-actions{display:flex;align-items:center;gap:4px;padding:0;margin:0}
 html:root #accountMenuButton{position:static;display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;border:0;border-radius:0;margin:0;background:transparent}
 html:root #accountMenuButton .account-user-icon{display:grid;place-items:center;width:24px;height:24px;min-width:0;background:none;padding:0;border:0;border-radius:0}
 html:root #accountMenuButton .account-user-icon svg{width:24px;height:24px}
 html:root #accountMenuButton .v3-account-label,html:root #accountMenuButton .account-tier-mark,html:root #accountMenuButton .account-chevron{display:none}
 html:root .v3-desktop-download{display:none!important}
 html:root .page>.page-heading h1,html:root .page>.page-heading .overline,html:root .remote-heading-copy,html:root .web-files-heading h1{display:none}
 html:root .page>.page-heading{display:flex;flex-direction:row;justify-content:flex-end;gap:8px;min-height:0;margin:0 0 14px}
 html:root .remote-control-page:not(.is-connection-open)>.page-heading{display:none}
 html:root .remote-control-page.is-connection-open>.page-heading{justify-content:flex-start}
 html:root .tasks-heading-actions{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;width:100%;flex:1}
 html:root .tasks-heading-actions>fluent-button{flex:none;min-width:62px}
 html:root .tasks-page:has(.is-detail-open) #taskDetailBack{display:flex;align-items:center;gap:3px;margin-right:auto}
 html:root .task-split{display:block;flex:1;min-height:0}
 html:root .task-split:not(.is-detail-open) .task-detail{display:none}
 html:root .task-split.is-detail-open .task-list-pane{display:none}
 html:root .task-split.is-detail-open .task-detail{display:block}
 html:root .task-detail{padding:16px;border:0;background:var(--v3-surface);border-radius:12px}
 html:root .task-list-pane{padding:8px}
 html:root .task-list-item{min-height:92px;padding:14px 12px}
 html:root .task-list-item strong{font-size:15px}
 html:root .task-list-item time{font-size:12px}
 html:root .v3-remote-entry-actions{margin-bottom:18px}.v3-remote-entry-actions button:first-child{flex:1}
 html:root .v3-quick-device{padding:16px 0}
 html:root .v3-home-links{padding:10px 0;margin:0;border:0}
 html:root .continuation-card{padding-top:14px}
 html:root .app-content:has(.tasks-page.active) .mobile-workspace-filing{display:none}
 html:root .app-content:has(.remote-control-page.is-connection-open) .mobile-workspace-filing{display:none}
}

/* Tool actions share geometry; primary and destructive actions retain their roles. */
html:root .remote-heading-actions{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);overflow:visible}
html:root .remote-heading-actions .v3-remote-files,html:root .remote-shortcut-menu summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--v3-blue);font-size:14px;white-space:nowrap}
.remote-heading-actions .v3-remote-files svg,.remote-shortcut-menu summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
html:root .remote-heading-actions fluent-button::part(control){min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--v3-blue);padding:8px 12px;box-shadow:none}
html:root #remoteDisconnectButton::part(control){color:var(--v3-red);background:color-mix(in srgb,var(--v3-red) 8%,var(--v3-surface))}
html:root .is-file-session #remoteViewerFps,html:root .is-file-session #remoteFullscreenButton{display:none}
html:root .remote-shortcut-menu[hidden]{display:none}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){
 html:root .remote-heading-actions{width:100%;justify-content:flex-start}
 /* Shortcuts live in the viewer dock on phones; the toolbar slot becomes fullscreen. */
 html:root .remote-shortcut-menu{display:none}
 html:root .remote-heading-actions .v3-remote-files{order:0}
 html:root .remote-heading-actions #remoteFullscreenButton{order:1}
 html:root .remote-heading-actions #remotePrivacyButton{order:2}
 html:root .remote-heading-actions #remoteDisconnectButton{order:3;margin-left:auto}
 html:root .remote-heading-actions .v3-remote-files,html:root .remote-shortcut-menu summary,html:root .remote-heading-actions fluent-button::part(control){min-height:44px;padding:8px 10px}
}

html:root .tasks-heading-actions{flex-wrap:nowrap}
html:root .task-detail:not(.loading-detail){animation:none;opacity:1;transform:none}
html:root .compact-task-item{transition:border-color .12s;}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){
 html:root .tasks-heading-actions>fluent-button{min-width:0;width:auto;flex:none}
 html:root .tasks-heading-actions>fluent-button::part(control){padding:8px 10px;min-height:44px;font-size:14px}
 html:root #taskDetailBack{padding:8px 0;min-height:44px;flex:none}
}

html:root .tasks-heading-actions>fluent-button{height:44px;min-height:44px;padding:8px 10px;font-size:14px;border-radius:9px}
html:root .remote-heading-actions fluent-button{min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--v3-blue);box-shadow:none;font-size:14px}
html:root .remote-heading-actions #remoteDisconnectButton{color:var(--v3-red)}

html:root .file-received-toast{position:fixed;right:24px;bottom:100px;max-width:min(380px,calc(100vw - 32px));padding:10px 14px;font-size:13px;line-height:1.6;box-shadow:0 4px 18px #0002;pointer-events:none}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){html:root .file-received-toast{bottom:calc(98px + env(safe-area-inset-bottom));left:16px;right:16px;width:auto;max-width:none}}

html:root .file-received-toast{animation:none;opacity:1;background:var(--v3-surface);color:var(--v3-text);border:1px solid var(--v3-line)}

/* Device rows and switches explicitly replace legacy column/absolute geometry. */
html:root .device-card.v3-device-row{flex-direction:row;width:100%;align-items:center;justify-content:space-between}
html:root .device-card-body{flex-direction:row;justify-content:flex-start;align-items:center;width:auto;min-width:0}
html:root .device-card-body>div{min-width:0}.device-card-body h2{overflow-wrap:anywhere}
html:root .device-card footer{flex-direction:row;flex-wrap:nowrap;width:auto;flex:none;justify-content:flex-end}
html:root .device-card footer fluent-button,html:root .device-card footer .v3-device-files{flex:none;min-width:88px;min-height:44px;height:44px;padding:8px 12px;font-size:14px;white-space:nowrap;border-radius:10px}
html:root #refreshDevicesButton{height:44px;min-height:44px;padding:8px 14px;border:1px solid var(--v3-line);border-radius:10px;color:var(--v3-blue);background:var(--v3-surface);font-size:14px;box-shadow:none}
html:root .v3-target-context .device-select-shell{align-items:center}
html:root .v3-target-context .target-device-trigger{inset:auto;align-self:center;min-height:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;transform:none;line-height:1}
html:root .v3-target-context .target-device-input{min-height:44px;height:44px;line-height:1.5;align-self:center}
html:root .v3-theme-options button[data-theme-choice=system]{width:58px;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px}
.v3-theme-options button[data-theme-choice=system] svg{width:17px;height:17px}.v3-theme-options button[data-theme-choice=system] span{font-size:12px;white-space:nowrap}
.account-unread-dot{position:absolute;left:17px;top:9px;width:7px;height:7px;min-width:7px;border-radius:50%;background:var(--v3-red);outline:2px solid var(--v3-surface)}
.v3-tabs-shell{display:none;position:relative;min-width:0}
.v3-tabs-scroll{position:absolute;z-index:2;top:0;bottom:0;width:28px;padding:0;border:0;border-radius:0;background:var(--v3-surface);color:var(--v3-blue);font:24px/1 sans-serif;cursor:pointer}
.v3-tabs-scroll.previous{left:0;box-shadow:8px 0 12px var(--v3-surface)}.v3-tabs-scroll.next{right:0;box-shadow:-8px 0 12px var(--v3-surface)}
.v3-tabs-scroll[hidden]{display:none}
html:root .sidebar-nav{min-height:0;overflow:auto;flex:1}.app-sidebar .sidebar-bottom{flex:none}
.v3-file-connection-heading,#filePickerDevices{display:none}
#fileConnectionBackdrop{position:fixed;inset:0;z-index:179;background:#121c2c77;backdrop-filter:blur(7px)}
#fileConnectionBackdrop[hidden]{display:none}
html:root .remote-control-page.file-connect-open{position:fixed;inset:auto;left:50%;top:var(--file-picker-top,50%);transform:translate(-50%,-50%)!important;z-index:180;display:flex!important;flex-direction:column;width:min(540px,calc(100vw - 24px));height:min(680px,var(--file-picker-height,calc(100dvh - 24px)));min-height:0;max-height:var(--file-picker-height,calc(100dvh - 24px));margin:0;padding:18px;border:1px solid var(--v3-line);border-radius:16px;background:var(--v3-surface);box-shadow:0 20px 70px #0003;overflow:hidden}
.file-connect-open .v3-file-connection-heading{display:flex;align-items:center;gap:8px;flex:none;margin:0 0 14px;min-height:44px}
.v3-file-connection-heading h2{font-size:18px;margin:0;flex:1}
.v3-file-connection-heading button{min-height:44px;min-width:44px;border:0;padding:8px;background:transparent;color:var(--v3-blue);font-size:14px;cursor:pointer}
.v3-file-connection-heading #filePickerClose,.v3-file-connection-heading #filePickerBack{font-size:24px}
html:root .file-connect-open .remote-control-heading,html:root .file-connect-open #remoteStart{display:none!important}
html:root .file-connect-open:not(.file-picker-verification) #remoteConnectionView{display:none!important}
html:root .file-connect-open #filePickerDevices{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;overflow:hidden}
html:root .file-connect-open.file-picker-verification #filePickerDevices{display:none}
html:root .file-connect-open.file-picker-verification #remoteConnectionView{display:block!important;min-height:0;height:auto;flex:1;overflow:hidden}
#filePickerList{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto;flex:1}
#filePickerList>button{display:flex;align-items:center;gap:12px;min-height:74px;flex:none;height:auto;width:100%;padding:12px;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-surface);color:var(--v3-text);text-align:left;cursor:pointer}
#filePickerList>button:disabled{opacity:.55;cursor:default}
#filePickerList>button>.device-card-icon{width:24px;height:24px;flex:none;padding:0;background:transparent;border:0}
#filePickerList>button>span:nth-last-child(2){min-width:0;flex:1;display:grid;gap:5px}
#filePickerList strong{font-size:15px;overflow-wrap:anywhere}#filePickerList small{font-size:13px;color:var(--v3-muted)}
#filePickerList p{font-size:14px;line-height:1.6;color:var(--v3-muted)}
#filePickerCode{min-height:44px;flex:none;padding:10px;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-soft);color:var(--v3-brand);font-size:14px;cursor:pointer}
.file-picker-current{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;font-size:14px;color:var(--v3-muted)}.file-picker-current button{min-height:44px;padding:8px;border:0;background:transparent;color:var(--v3-red);font-size:14px;cursor:pointer}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){
 html:root .v3-tabs-shell{display:block}
 html:root .portrait-section-tabs{padding-inline:28px;gap:2px;scroll-padding-inline:28px;overflow-x:auto}
 html:root .portrait-section-tabs button{flex:0 0 auto;min-width:60px;padding-inline:12px}
 html:root #accountMenuButton{position:relative;top:auto;left:auto;right:auto;bottom:auto}
 html:root .account-unread-dot{top:8px;left:27px}
 html:root .device-card.v3-device-row{flex-wrap:wrap;gap:12px}
 html:root .device-card footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:calc(100% - 42px)}
 html:root .device-card footer fluent-button{flex:1;min-width:90px;width:auto}
 html:root .device-card footer .v3-device-files{width:auto;min-width:72px}
 html:root .remote-control-page.file-connect-open{padding:14px}
}

#remotePrivacyButton[aria-pressed=true]{color:var(--v3-brand)}#remotePrivacyButton[aria-pressed=true] .privacy-slash{display:none}#remotePrivacyButton[data-privacy-mode=black] svg circle{fill:currentColor}
@media(orientation:landscape) and (max-height:600px){html:root .remote-heading-actions .v3-remote-files,html:root .remote-shortcut-menu summary{width:44px;min-width:44px;padding:10px}html:root .remote-heading-actions .v3-remote-files>span,html:root .remote-shortcut-menu summary>span{display:none}}

html:root .sidebar-nav{display:flex;flex-direction:column;justify-content:flex-start;align-content:start}
html:root .sidebar-nav button{flex:0 0 auto}

html:root .v3-theme-options button{border:0;box-shadow:none}
html:root .v3-theme-options button.active{box-shadow:inset 0 -2px var(--v3-brand)}

/* A single login card is centred by its viewport container, not a full-height child. */
html:root .auth-view{display:grid;place-items:center;min-height:100dvh;width:100%;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:var(--v3-bg)}
html:root .auth-view[hidden]{display:none}
html:root .auth-view .auth-panel{display:block;min-height:0;height:auto;width:min(440px,100%);max-width:100%;padding:0;margin:0 auto;background:transparent;border:0;box-shadow:none}
html:root .auth-view .auth-card{width:100%;padding:28px;box-sizing:border-box;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:16px;box-shadow:0 8px 30px #00000008}
html:root .auth-card .code-field{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}
html:root .auth-card .auth-submit-button{background:var(--v3-brand);color:var(--v3-on-brand);box-shadow:none;min-height:48px}
html:root .auth-card .auth-submit-button:hover:not(:disabled){background:var(--v3-brand-hover);box-shadow:none}
@media(max-width:480px){html:root .auth-view .auth-card{padding:24px}html:root .auth-card h2{margin:24px 0;font-size:24px}}
@media(max-height:580px){html:root .auth-view{place-items:start center}}

html:root .auth-card .auth-input,html:root .auth-card .auth-code-button,html:root .auth-card .auth-submit-button{transition:border-color .12s ease,box-shadow .12s ease}
html:root .auth-card .auth-code-button{background:var(--v3-hover);color:var(--v3-blue);border-color:var(--v3-line);box-shadow:none}

/* Direct recording control and aligned provider glyphs share the composer row. */
html:root .v3-composer .v3-recording-option{min-height:36px;padding:6px 9px;grid-template-columns:18px auto;gap:7px;border-color:transparent;background:transparent;white-space:nowrap}
html:root .v3-recording-option .web-check-box{width:18px;height:18px}
html:root .v3-recording-option strong{font-size:13px;line-height:20px;font-weight:500}
html:root .v3-recording-option em{font-size:10px;margin-left:3px;color:var(--v3-muted);background:var(--v3-bg)}
html:root .v3-recording-option:hover:not(:has(input:disabled)){background:var(--v3-hover)}
html:root .v3-recording-option:has(input:checked){background:var(--v3-soft);border-color:var(--v3-line)}
html:root .v3-composer-footer .web-picker-trigger{grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;column-gap:8px}
html:root .v3-composer-footer .model-profile-trigger-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:0}
html:root .model-web-picker .model-provider-icon{display:block;width:18px;height:18px;flex:0 0 18px}
html:root .model-profile-option-main{display:flex;align-items:center;gap:8px;min-width:0}
html:root .model-profile-option-main strong{line-height:20px}
/* Short task summaries use two balanced rows, without clipped metadata. */
html:root .continuation-card .compact-task-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;padding:1px 4px 1px 1px;align-items:stretch}
html:root .continuation-card .compact-task-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(44px,1fr) auto;gap:10px 12px;min-height:106px;padding:14px 16px;align-items:center}
html:root .continuation-card .compact-task-item>span:first-child{display:contents}
html:root .continuation-card .compact-task-item strong{grid-column:1/-1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:22px;font-size:14px;font-weight:600}
html:root .continuation-card .compact-task-item small{grid-column:1;grid-row:2;margin:0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html:root .continuation-card .compact-task-item>.status-pill{grid-column:2;grid-row:2;justify-self:end;white-space:nowrap}
html:root .continuation-card .compact-task-item:focus-visible{outline:2px solid var(--v3-brand);outline-offset:-2px;box-shadow:none}
@media(max-width:700px){html:root .continuation-card .compact-task-list{grid-template-columns:minmax(0,1fr)}html:root .v3-composer .v3-recording-option{min-height:44px}html:root .v3-composer-heading>strong{display:none}}

.task-conversation-history{margin:16px 0 20px;min-width:0;max-height:65dvh;overflow:auto;overscroll-behavior:contain}
.task-history-message{display:grid;gap:12px;padding-bottom:24px;min-width:0}
.task-history-answer{padding:16px 20px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);color:var(--v3-text);line-height:1.7;min-width:0;overflow-wrap:anywhere;user-select:text}
.task-device-filter-area{position:relative;min-width:0;margin-right:auto}
html:root .task-device-filter-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:44px;padding:8px 12px;border:1px solid var(--v3-line);border-radius:9px;background:var(--v3-surface);color:var(--v3-text);font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
.task-device-filter-toggle svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
html:root .task-device-filter-toggle:hover{background:var(--v3-hover)}
html:root .task-device-filter-toggle:active,html:root .task-device-filter-toggle[aria-expanded=true]{background:var(--v3-hover);border-color:color-mix(in srgb,var(--v3-blue) 40%,var(--v3-line));color:var(--v3-blue)}
html:root .task-device-filter-toggle:focus-visible{outline:2px solid var(--v3-blue);outline-offset:-2px}
.task-device-filters{display:none;position:fixed;z-index:100;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;color:var(--v3-text);width:340px;max-width:calc(100vw - 24px);max-height:300px;overflow:auto;padding:18px;background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:12px;box-shadow:0 12px 32px #00000020}
.task-device-filters.is-open{display:grid}
.task-device-filters label{font-size:13px;color:var(--v3-muted)}
html:root .task-device-filters select{width:100%;min-width:0;min-height:36px;padding:6px 8px;font:inherit;font-size:13px;color:var(--v3-text);background:var(--v3-surface);border:1px solid var(--v3-line);border-radius:8px}
html:root .task-device-filters select:hover{border-color:var(--v3-brand)}
html:root .task-device-filters select:focus-visible{outline:2px solid var(--v3-blue);outline-offset:-2px}
html:root .task-device-filter-reset{grid-column:1/-1;justify-self:end;border:0;background:transparent;color:var(--v3-brand);padding:5px 0;font:inherit;font-size:13px;cursor:pointer}
html:root .task-device-filter-reset:disabled{opacity:.5;cursor:default}
@media(max-width:760px){
 html:root .task-device-filter-toggle{padding:8px 10px}
 html:root .task-device-filters select{min-height:42px;font-size:14px}
 .task-history-answer{padding:14px}
}
@media(orientation:portrait),(max-width:719px),(pointer:coarse) and (max-width:1100px){.tasks-page:has(.task-split.is-detail-open) .task-device-filter-area{display:none}}
@media(max-width:360px){.task-device-filter-toggle svg,.task-device-filter-full-label{display:none}html:root .tasks-heading-actions{gap:6px}}
.task-history-record{max-height:300px;overflow:auto;overscroll-behavior:contain}
.task-history-record p span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.task-conversation-history details{border-bottom:1px solid var(--v3-line)}
.task-conversation-history summary{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;color:var(--v3-muted);font-size:13px}
.task-conversation-history summary>span{flex:none}
.task-conversation-history summary>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--v3-text)}
.task-conversation-history summary::after{content:'⌄';margin-left:auto;flex:none}
.task-conversation-history details[open] summary::after{transform:rotate(180deg)}
.task-conversation-history details>.markdown-content{max-height:360px;overflow:auto;padding:0 0 14px;line-height:1.7}
.task-conversation-history :is(button,summary):focus-visible{outline:2px solid var(--v3-brand);outline-offset:-2px}

html:root .device-card .v3-owner-disconnect{min-height:36px;padding:6px 10px;border:1px solid color-mix(in srgb,#b93d45 30%,var(--v3-line));border-radius:7px;background:transparent;color:#b93d45;white-space:nowrap;font:inherit;font-size:13px}
html[data-theme=dark] .device-card .v3-owner-disconnect{color:#fa9aa0;border-color:#fa9aa050}
html:root .device-card .v3-owner-disconnect:hover:not(:disabled){background:color-mix(in srgb,#b93d45 9%,var(--v3-surface));color:#b93d45}
html[data-theme=dark] .device-card .v3-owner-disconnect:hover:not(:disabled){color:#fa9aa0;background:#fa9aa016}
html:root .device-card footer{flex-wrap:wrap}

@media(orientation:portrait),(max-width:719px){html:root .portrait-section-tabs{overflow-y:hidden;touch-action:pan-x;align-items:stretch}html:root .portrait-section-tabs button{min-height:0;height:100%}}

html:root .device-card .v3-owner-disconnect:active:not(:disabled){background:color-mix(in srgb,#b93d45 15%,var(--v3-surface));color:#b93d45;transform:none}
html:root .device-card .v3-owner-disconnect:focus-visible{outline:2px solid currentColor;outline-offset:-2px;box-shadow:none}
html:root .device-card .v3-owner-disconnect:disabled{opacity:.5;cursor:not-allowed}
html[data-theme=dark] .device-card .v3-owner-disconnect:active:not(:disabled){color:#fa9aa0;background:#fa9aa025}
@media(pointer:coarse),(max-width:719px){html:root .device-card .v3-owner-disconnect{min-height:44px}}

/* Resource origin is a first-class composer choice, independent of target. */
.model-resource-picker{min-width:150px;flex:1 1 170px}
.model-resource-picker .web-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px}
.model-resource-picker .web-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-resource-picker .web-picker-menu{max-height:min(360px,60dvh);overflow-y:auto}
.model-resource-picker .web-picker-menu button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;text-align:left}
.model-resource-picker .web-picker-menu small{grid-column:1;font-size:12px;line-height:1.5}
.model-resource-picker .web-picker-menu button[aria-selected=true]{background:var(--v3-soft);color:var(--v3-brand)}

html:root .lanmate-attachment-viewer{background:var(--v3-surface);color:var(--v3-text);border-color:var(--v3-line)}
html:root .lanmate-attachment-viewer>header{border-color:var(--v3-line)}
html:root .lanmate-attachment-viewer button{background:transparent;color:var(--v3-text);border-color:var(--v3-line);font-family:inherit;min-height:40px}
html:root .lanmate-attachment-viewer button:hover:not(:disabled){background:var(--v3-hover)}
html:root .lanmate-attachment-viewer button:active:not(:disabled){background:var(--v3-soft)}
html:root .lanmate-attachment-viewer button:focus-visible{outline-color:var(--v3-blue)}
.lanmate-attachment-viewer-title{font-family:inherit}
.task-attachment{display:grid;gap:5px;max-width:100%;margin-bottom:10px}
html:root .task-attachment button,html:root [data-preview-task-file]{width:auto;max-width:100%;min-height:40px;padding:7px 10px;border:1px solid var(--v3-line);border-radius:8px;background:var(--v3-surface);color:var(--v3-blue);font:inherit;font-size:14px;overflow-wrap:anywhere;text-align:left;cursor:pointer}
html:root .task-attachment button:hover,html:root [data-preview-task-file]:hover{background:var(--v3-hover)}
html:root .task-attachment button:active,html:root [data-preview-task-file]:active{background:var(--v3-soft)}
html:root .task-attachment button:focus-visible,html:root [data-preview-task-file]:focus-visible{outline:2px solid var(--v3-blue);outline-offset:2px}
html:root .task-attachment button:disabled{opacity:.6;cursor:wait}
.task-attachment [role=status]{font-size:13px;line-height:1.5;color:var(--v3-muted)}
.task-attachment [role=status]:empty{display:none}
html:root .followup-attachment-picker{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--v3-blue);font:inherit;font-size:14px;cursor:pointer;max-width:100%;flex:none}
.followup-attachment-picker svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
html:root .followup-attachment-picker:hover{background:var(--v3-hover)}
html:root .followup-attachment-picker:active{background:var(--v3-soft)}
html:root .followup-attachment-picker:focus-visible{outline:2px solid var(--v3-blue);outline-offset:2px}
html:root .followup-attachment-picker[hidden],html:root [data-followup-file-input][hidden]{display:none!important}
html:root .task-followup-form>footer{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.task-followup-form>footer small:empty{display:none}
html:root .task-followup-form>footer>fluent-button{margin-left:auto;width:auto}
html:root .task-followup-form fluent-textarea::part(root),
html:root .task-followup-form fluent-textarea::part(control){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
html:root .task-followup-form:focus-within{border-color:color-mix(in srgb,var(--v3-blue) 50%,var(--v3-line))}
html:root .clarification-card{
  border-color:color-mix(in srgb,var(--v3-brand) 32%,var(--v3-line));
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--v3-brand) 12%,transparent),transparent 46%),linear-gradient(145deg,var(--v3-soft),var(--v3-surface) 72%)
}
html:root .clarification-card>header span{color:var(--v3-brand)}
html:root .clarification-card>header strong{color:var(--v3-text)}
html:root .clarification-choices>button{border-color:var(--v3-line);background:var(--v3-surface);color:var(--v3-text)}
html:root .clarification-choices>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--v3-brand) 40%,var(--v3-line));background:var(--v3-soft);color:var(--v3-brand)}
html:root .clarification-choices>button:active:not(:disabled){background:color-mix(in srgb,var(--v3-soft) 70%,var(--v3-surface))}
html:root .clarification-custom>label{border-color:var(--v3-line);background:var(--v3-surface)}
html:root .clarification-custom>label:hover{border-color:color-mix(in srgb,var(--v3-brand) 28%,var(--v3-line))}
html:root .clarification-custom>label:focus-within{border-color:color-mix(in srgb,var(--v3-brand) 50%,var(--v3-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--v3-brand) 12%,transparent)}
html:root .clarification-custom input,
html:root .clarification-custom input:hover,
html:root .clarification-custom input:active,
html:root .clarification-custom input:focus,
html:root .clarification-custom input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
@media(prefers-reduced-motion:reduce){html:root .task-list-item{transition:none}}
[data-followup-files]{display:flex;flex-wrap:wrap;gap:8px}
[data-followup-files] .task-attachment{grid-template-columns:minmax(0,1fr) auto;max-width:100%}