/* Neutral workspace palette shared with the infinite canvas; PS has its own palette. */
body:not(.is-editor){--workspace-bg:#fff;--workspace-surface:#fff;--workspace-soft:#ededed;--workspace-border:#e4e4e4;--workspace-text:#292929;--workspace-muted:#858585;--workspace-accent:#292929;--workspace-accent-text:#fff;--bg:var(--workspace-bg);--card:var(--workspace-surface);--surface:var(--workspace-surface);--border:var(--workspace-border);--text:var(--workspace-text);--text-2:var(--workspace-muted);--gray-light:var(--workspace-soft);--primary:var(--workspace-accent);--primary-dark:#101010;--primary-light:var(--workspace-soft);--primary-glow:#8882;--shadow:0 1px 4px #00000006;--shadow-lg:0 12px 36px #0002;--cv-text:var(--workspace-text);--cv-muted:var(--workspace-muted);--cv-line:var(--workspace-border);--cv-hover:var(--workspace-soft);--cv-accent:var(--workspace-accent);--cv-accent-weak:var(--workspace-soft);color-scheme:light}
html[data-workspace-theme=dark] body:not(.is-editor){--workspace-bg:#171717;--workspace-surface:#242424;--workspace-soft:#303030;--workspace-border:#363636;--workspace-text:#ededed;--workspace-muted:#a6a6a6;--workspace-accent:#ededed;--workspace-accent-text:#202020;--primary-dark:#fff;--shadow:0 1px 4px #0002;--shadow-lg:0 12px 36px #0005;--red-light:#44292d;--green-light:#23372b;--orange-light:#403521;color-scheme:dark}
/* Legacy inline labels use these aliases, so they follow the active theme too. */
body:not(.is-editor){--workspace-raised:#f7f7f7;--workspace-hover:var(--workspace-soft);--workspace-focus:#787878;--workspace-success:#16754c;--workspace-success-bg:#e5f6ed;--workspace-success-border:#badccb;--workspace-warning:#8a550e;--workspace-warning-bg:#fff4df;--workspace-warning-border:#e6cca0;--workspace-danger:#a43b4b;--workspace-danger-bg:#ffedf0;--workspace-danger-border:#eabdc5;--workspace-info:#315d9b;--workspace-info-bg:#edf3fd;--workspace-info-border:#c7d7ef;--gray:var(--workspace-muted);--muted:var(--workspace-muted);--ink:var(--workspace-text);--line:var(--workspace-border)}
html[data-workspace-theme=dark] body:not(.is-editor){--workspace-raised:#292929;--workspace-focus:#9b9b9b;--workspace-success:#9ce2bc;--workspace-success-bg:#23372b;--workspace-success-border:#365a44;--workspace-warning:#ecc48c;--workspace-warning-bg:#403521;--workspace-warning-border:#615135;--workspace-danger:#f5a0a8;--workspace-danger-bg:#44292d;--workspace-danger-border:#694047;--workspace-info:#b6c9f1;--workspace-info-bg:#293447;--workspace-info-border:#43536e;--green:var(--workspace-success);--red:var(--workspace-danger);--orange:var(--workspace-warning)}
body:not(.is-editor) .topbar,body:not(.is-editor) .footer,body:not(.is-editor) .tab.active,body:not(.is-editor) .wtab.active{background:var(--workspace-surface);color:var(--workspace-text)}
body:not(.is-editor) .tabbar{background:var(--workspace-bg)}
body:not(.is-editor) .top-icon-btn{border:0;background:transparent;cursor:pointer}
body:not(.is-editor) .container{min-height:0}
body:not(.is-editor) :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range])),textarea,select){background-color:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(input,textarea)::placeholder{color:var(--workspace-muted)}
body:not(.is-editor) :is(.card,.table-wrap,.table-card,.account-menu,.modal-card,.admin-card,.field-block){background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text)}
body:not(.is-editor) :is(.btn,.it-generate){background:var(--workspace-accent);color:var(--workspace-accent-text);border-color:var(--workspace-accent)}
body:not(.is-editor) :is(.btn.secondary,.btn.ghost){background:var(--workspace-surface);border-color:var(--workspace-border);color:var(--workspace-text)}
body:not(.is-editor) :is(.table th,th){background:var(--workspace-soft);color:var(--workspace-text)}
body:not(.is-editor) :is(.table td,td){border-color:var(--workspace-border)}
body:not(.is-editor) :is(.table tr:hover,tbody tr:hover){background:var(--workspace-soft)}
body:not(.is-editor) :is(.empty-state,.loading,.muted,.hint){color:var(--workspace-muted)}
body:not(.is-editor) :is(.page-title,.field-label){color:var(--workspace-text)}
/* Canvas UI surfaces are themed; artwork pixels and export backgrounds are preserved. */
body:not(.is-editor) .cv-root{--cv-accent:var(--workspace-accent);--cv-accent-weak:var(--workspace-soft);--cv-line:var(--workspace-border);--cv-hover:var(--workspace-soft);--cv-muted:var(--workspace-muted);--cv-text:var(--workspace-text);background:var(--workspace-bg)}
body:not(.is-editor) :is(.cv-topbar,.cv-dock,.cv-workspace-panel,.cv-overview-popover,.cv-minimap,.cv-gen-card,.cv-settings,.cv-rtab,.cv-chat-panel,.cv-cp-body,.cv-chat,.cv-panel,.cv-sidebar,.cv-cp-composer,.cv-popover,.cv-doc-menu,.cv-library,.cv-source-panel){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.cv-top-btn,.cv-tbtn,.cv-toolbtn,.cv-dock-btn,.cv-workspace-panel button,.cv-zoom-menu button,.cv-chat-toggle,.cv-rtab,.cv-chat-panel button){color:var(--workspace-text)}
body:not(.is-editor) :is(.cv-top-btn:hover,.cv-tbtn:hover,.cv-dock-btn:hover,.cv-layer-item:hover,.cv-zoom-menu button:hover,.cv-layer-item.active){background:var(--workspace-soft)}
body:not(.is-editor) :is(.cv-chat-input,.cv-color-hex,.cv-cp-user,.cv-cp-card,.cv-gc-opts,.cv-cp-model-btn,.cv-cp-btn){background-color:var(--workspace-soft);color:var(--workspace-text);border-color:var(--workspace-border)}
/* Shared image tools and product suite. */
body:not(.is-editor) .image-tools{--it-muted:var(--workspace-muted);--it-line:var(--workspace-border);--it-soft:var(--workspace-soft)}
body:not(.is-editor) :is(.it-card,.it-result-panel,.it-dialog){background:var(--workspace-surface);border-color:var(--workspace-border);border-radius:14px;box-shadow:none;color:var(--workspace-text)}
body:not(.is-editor) :is(.it-upload,.it-empty,.it-tabs,.it-mode,.it-card-icon,.it-history-card){background:var(--workspace-bg);border-color:var(--workspace-border);color:var(--workspace-muted)}
body:not(.is-editor) :is(.it-tab.active,.it-mode.active){background:var(--workspace-accent);color:var(--workspace-accent-text)}
body:not(.is-editor) :is(.it-card-head h2,.it-result-head h2){color:var(--workspace-text)}
body:not(.is-editor) .pset{--ps-blue:var(--workspace-accent);background:var(--workspace-bg);color:var(--workspace-text)}
body:not(.is-editor) :is(.ps-settings,.ps-bottom,.ps-toolbar,.ps-plan-card,.ps-popover,.ps-dialog,.ps-batch-row,.ps-conversation-menu){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.ps-workspace,.ps-scroll,.ps-viewer .ps-dialog-body){background:var(--workspace-bg)}
body:not(.is-editor) :is(.ps-search,.ps-filter summary,.ps-result-tabs,.ps-result-actions button,.ps-plan-style,.ps-upload,.ps-extend,.ps-conversations summary){background:var(--workspace-soft);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.ps-btn,.ps-dialog .ps-btn){background:var(--workspace-accent);color:var(--workspace-accent-text)}
body:not(.is-editor) :is(.ps-btn.secondary,.ps-dialog .ps-btn.secondary,.ps-type,.ps-empty button){background:var(--workspace-soft);color:var(--workspace-text)}
body:not(.is-editor) .ps-type.selected{background:var(--workspace-accent);color:var(--workspace-accent-text)}
body:not(.is-editor) :is(.ps-label,.ps-empty h3,.ps-result-tabs button.active){color:var(--workspace-text)}
body:not(.is-editor) :is(.ps-empty p,.ps-run-description,.ps-hint){color:var(--workspace-muted)}
body:not(.is-editor) .ps-result-tabs button.active{background:var(--workspace-surface)}
/* Both video studios use the same workspace chrome. */
body:not(.is-editor) .vd-root.vd-studio{--vd-bg:var(--workspace-bg);--vd-panel:var(--workspace-surface);--vd-line:var(--workspace-border);--vd-muted:var(--workspace-muted);--vd-text:var(--workspace-text);border-radius:0}
body:not(.is-editor) :is(.vd-studio .vd-panel,.vd-studio .vd-menu,.vd-studio .vd-card,.vd-modal,.vd-studio .vd-selection-bar,.vd-studio .vd-prompt-card,.vd-studio .vd-composer){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border);box-shadow:var(--shadow-lg)}
body:not(.is-editor) :is(.vd-studio .vd-menu-item,.vd-studio .vd-filter-btn,.vd-studio .vd-model-badge,.vd-studio .vd-status-badge,.vd-studio .vd-view-switch,.vd-studio .vd-example-btn,.vd-studio .vd-chip,.vd-studio .vd-mode-switch,.vd-studio .vd-control,.vd-studio .vd-param-btn,.vd-studio .vd-search,.vd-studio .vd-multi-toggle){color:var(--workspace-text);background:var(--workspace-soft);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.vd-studio .vd-menu-item:hover,.vd-studio .vd-example-btn.active,.vd-studio .vd-filter-btn:hover){background:var(--workspace-border);color:var(--workspace-text)}
body:not(.is-editor) :is(.vd-white-btn,.vd-studio .vd-submit){background:var(--workspace-accent);color:var(--workspace-accent-text);border-color:var(--workspace-accent)}
body:not(.is-editor) :is(.vd-studio .vd-empty,.vd-studio .vd-empty p){color:var(--workspace-muted)}
body:not(.is-editor) .vr-layout{background:var(--workspace-bg);color:var(--workspace-text);border-radius:0}
body:not(.is-editor) :is(.vr-form,.vr-history,.vr-card,.vr-review,.vr-section,.vr-result,.vr-step,.vr-input-actions,.vr-settings,.vr-form-bottom){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.vr-layout button,.vr-label,.vr-form h2){color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.vr-layout .vr-button,.vr-form h2 svg,.vr-tabs,.vr-import,.vr-empty){background:var(--workspace-soft);color:var(--workspace-text)}
body:not(.is-editor) :is(.vr-generate,.vr-primary){background:var(--workspace-accent)!important;color:var(--workspace-accent-text)!important}
body:not(.is-editor) .fc-root{--side:var(--workspace-bg);--bg:var(--workspace-surface);--hover:var(--workspace-soft);--text:var(--workspace-text);--muted:var(--workspace-muted);--line:var(--workspace-border)}
body:not(.is-editor) :is(.fc-newchat,.fc-composer,.fc-composer-inner,.fc-input,.fc-dropdown,.fc-popup,.fc-modal,.fc-menu,.fc-newbtn,.fc-ghostbtn,.fc-tombtn){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.fc-bubble.user,.fc-user-message,.fc-tool-card,.fc-code-block,.fc-attach-btn){background:var(--workspace-soft);color:var(--workspace-text);border-color:var(--workspace-border)}
/* The shell fits the viewport, with each workspace controlling its own scrolling. */
body:not(.is-editor):not(.is-login) .layout{height:100dvh;min-height:0}
body:not(.is-editor):not(.is-login) .main-wrap{height:100dvh;min-height:0;overflow:hidden}
body:not(.is-editor):not(.is-login) :is(.topbar,.tabbar){flex-shrink:0}
body:not(.is-editor):not(.is-login) .container{overflow:auto;flex:1;min-height:0}
body:not(.is-editor):not(.is-login) .footer{display:none}
body:not(.is-editor) .tab-pane.active[data-module=freechat]{height:100%}
body:not(.is-editor) .fc-root{height:100%;min-height:0}
/* System notification drawer. */
.notification-scope{margin:0;padding:10px 20px 0;font-size:11px;color:var(--text-2)}
.notification-release-overlay{position:fixed;inset:0;z-index:240;background:#0006;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
.notification-release-dialog{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--card,#fff);color:var(--text,#292929);border:1px solid var(--border,#e4e4e4);border-radius:16px;box-shadow:0 24px 80px #0004;padding:24px;font-size:13px}
.notification-release-dialog header{display:flex;justify-content:space-between;align-items:center;color:var(--text-2);font-size:12px}.notification-release-dialog h2{font-size:21px;margin:16px 0 12px;font-weight:600}.notification-release-summary{line-height:1.8;margin:0 0 14px;white-space:pre-wrap}.notification-release-dialog ul{margin:0;padding:0 0 0 20px;display:grid;gap:12px;line-height:1.8;color:var(--text-2)}.notification-release-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.notification-release-dialog button{font:inherit;cursor:pointer;padding:8px 14px;border:1px solid var(--border,#ddd);border-radius:8px;background:var(--card,#fff);color:var(--text,#292929)}.notification-release-dialog button.primary{background:var(--text,#292929);color:var(--card,#fff);border-color:transparent}.notification-release-dialog header button{display:flex;border:0;padding:5px}.notification-release-dialog button:disabled{opacity:.5;cursor:wait}.notification-release-error{color:var(--red,#c33);margin:12px 0 0}
.notification-dot{position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#ee675c;box-shadow:0 0 0 2px var(--card,#fff)}
.notification-dot[hidden]{display:none}
.notification-panel{position:fixed;right:22px;top:60px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 80px);display:flex;flex-direction:column;background:var(--card,#fff);color:var(--text,#292929);border:1px solid var(--border,#e4e4e4);border-radius:16px;box-shadow:0 16px 60px #0003;z-index:160;overflow:hidden;font-size:13px}
.notification-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.notification-head h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.notification-head small{color:var(--text-2);font-size:11px;font-weight:400}
.notification-panel button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:7px;background:var(--gray-light);color:var(--text);padding:5px 9px}.notification-panel button:disabled{opacity:.45;cursor:default}.notification-head button{display:flex;border:0;background:transparent;padding:4px}
.notification-toolbar{display:flex;gap:8px;padding:12px 20px}.notification-list{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 20px 15px}.notification-item{padding:14px 0;border-bottom:1px solid var(--border)}.notification-item:last-child{border-bottom:0}.notification-item>div{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.notification-item h3{font-size:13px;font-weight:600}.notification-item time{font-size:10px;color:var(--text-2);white-space:nowrap}.notification-item p{margin:8px 0 11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}.notification-item.unread h3:before{content:'';display:inline-block;background:#ee675c;width:5px;height:5px;border-radius:50%;margin-right:6px}.notification-read{font-size:11px;color:var(--text-2)}.notification-empty{text-align:center;padding:30px}.notification-error{color:var(--red);padding:0 20px;font-size:12px}.notification-compose{padding:0 20px 14px;border-bottom:1px solid var(--border);overflow:auto}.notification-compose label{display:block;font-size:12px;margin-bottom:10px}.notification-compose input,.notification-compose textarea{display:block;width:100%;padding:8px;border:1px solid var(--border);border-radius:7px;margin-top:5px}.notification-compose>div{display:flex;justify-content:flex-end;gap:7px}
@media(max-width:700px){.topbar{padding:0 10px}.topbar-right{gap:5px}.top-actions{gap:1px}.top-icon-btn{width:30px;height:32px}.notification-panel{right:10px}}
body:not(.is-editor) :is(.it-drop,.it-upload-icon,.it-modebar,.it-speed-options button,.it-empty-icon,.it-image-preview,.it-original-preview,.it-job-message){background:var(--workspace-soft);color:var(--workspace-muted);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.it-result-card,.it-result-card-head,.it-compare figure,.image-tools-modal,.ps-config,.ps-config-footer){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.it-modebar button.active,.it-buyer-tabs>.active,.ps-generate-row button:enabled,.ps-mode-tabs button.active){background:var(--workspace-accent);color:var(--workspace-accent-text);border-color:var(--workspace-accent)}
body:not(.is-editor) :is(.it-card-title h2,.it-speed-title h2,.it-empty h3){color:var(--workspace-text)}
body:not(.is-editor) .it-empty p{color:var(--workspace-muted)}
body:not(.is-editor){--text-muted:var(--workspace-muted)}
body:not(.is-editor) :is(.project-preview,.project-placeholder){background:var(--workspace-soft);border-color:var(--workspace-border);color:var(--workspace-muted)}
body:not(.is-editor) :is(.project-confirm,.project-popup,.project-batch){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) .project-type{color:var(--workspace-muted)}
body:not(.is-editor) .project-type.active{color:var(--workspace-text)}
body:not(.is-editor) .wtab.active{background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) .wtab.active:after{background:var(--workspace-accent)}
body:not(.is-editor) :is(.wtab.active .line-icon,.wtab.active .wtab-close){color:var(--workspace-text)}
body:not(.is-editor) :is(.top-icon-btn,.top-icon-btn .line-icon){color:var(--workspace-muted)}
body:not(.is-editor) .btn:not(.secondary):not(.ghost):hover{background:var(--workspace-accent);filter:brightness(.9);color:var(--workspace-accent-text)}
body:not(.is-editor) :is(.overflow-list,.account-menu,.account-drop-menu){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) .it-drop-hint strong{color:var(--workspace-muted)}
body:not(.is-editor) :is(.ps-toolbar-btn,.ps-style-tabs button.active){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.ps-style-tabs,.ps-optimize,.ps-help){background:var(--workspace-soft);color:var(--workspace-muted);border-color:var(--workspace-border)}
body:not(.is-editor) :is(.vr-input-actions button,.vr-history-control,.vr-footer){background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border)}

body:not(.is-editor) .vr-tabs .vr-history-control > button.active{background:var(--workspace-accent);color:var(--workspace-accent-text);border-color:var(--workspace-border)}
/* Replication history is outside .vd-studio, so its menu needs its own palette. */
body:not(.is-editor) .vr-history-control .vd-menu[data-vd-menu=vr-history]{background:var(--workspace-surface);color:var(--workspace-text);border-color:var(--workspace-border);box-shadow:var(--shadow-lg)}
body:not(.is-editor) .vr-history-control .vd-menu-item{background:transparent;color:var(--workspace-text);border-color:var(--workspace-border)}
body:not(.is-editor) .vr-history-control .vd-menu-item:is(:hover,:active,.active,[aria-selected=true]){background:var(--workspace-hover);color:var(--workspace-text)}
body:not(.is-editor) .vr-history-control :is(.vd-menu-item,[data-vd-toggle=vr-history]):focus-visible{outline:2px solid var(--workspace-focus);outline-offset:2px}
body:not(.is-editor) .vr-history-control [data-vd-toggle=vr-history]:is(:hover,[aria-expanded=true]){background:var(--workspace-hover);color:var(--workspace-text)}
body:not(.is-editor) .vr-history-control :is(.vd-menu-item,[data-vd-toggle=vr-history]) svg{color:inherit}

/* v2.212.0: every entry reuses the complete release detail dialog. */
.notification-release-dialog{display:flex;flex-direction:column;overflow:hidden}
.notification-release-dialog>header,.notification-release-dialog>h2,.notification-release-dialog>.notification-release-error,.notification-release-dialog>footer{flex:none}
.notification-release-content{overflow:auto;min-height:0;overscroll-behavior:contain;overflow-wrap:anywhere;padding-right:4px}
.notification-release-dialog footer{flex-wrap:wrap}
.notification-release-content .notification-release-summary{white-space:pre-wrap}
.notification-release-content:focus-visible{outline:1px solid var(--text-2,#858585);outline-offset:2px}
@media(max-width:560px){.notification-release-overlay{padding:12px}.notification-release-dialog{padding:18px;max-height:calc(100dvh - 24px)}.notification-release-dialog footer{gap:6px}.notification-release-dialog footer button{padding:8px 10px}}

/* Incoming notifications share the message center and stay clear of the workspace. */
.notification-toast-stack{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;z-index:190;pointer-events:none;color:var(--workspace-text,var(--text,#292929));font-size:12px}
.notification-toast{pointer-events:auto;min-width:0;padding:14px 15px;border:1px solid var(--workspace-border,var(--border,#e4e4e4));border-radius:12px;background:var(--workspace-surface,var(--card,#fff));box-shadow:0 12px 40px #0002;animation:notification-toast-enter .18s ease-out}
.notification-toast-heading{display:flex;align-items:center;gap:9px}.notification-toast-heading>span{display:flex;color:var(--workspace-muted,var(--text-2,#858585));flex:none}.notification-toast-heading>strong{min-width:0;flex:1;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-toast button{font:inherit;cursor:pointer;color:inherit;border:0;border-radius:6px;background:transparent}.notification-toast-heading>button{display:flex;align-items:center;justify-content:center;align-self:flex-start;width:25px;height:25px;flex:none;margin:-3px -4px 0 0;color:var(--workspace-muted,var(--text-2,#858585))}.notification-toast-heading>button:hover{background:var(--workspace-hover,var(--gray-light,#f5f5f5))}.notification-toast>p:not(.notification-toast-error){margin:8px 0 12px;line-height:1.7;color:var(--workspace-muted,var(--text-2,#858585));white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-toast-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-toast-actions>time{font-size:10px;color:var(--workspace-muted,var(--text-2,#858585))}.notification-toast-actions>button{padding:5px 9px;background:var(--workspace-hover,var(--gray-light,#f5f5f5));font-size:12px}.notification-toast-actions>button:hover{box-shadow:inset 0 0 0 1px var(--workspace-border,var(--border,#e4e4e4))}.notification-toast button:focus-visible,.notification-item[data-highlight]:focus-visible{outline:2px solid var(--workspace-focus,var(--text-2,#888));outline-offset:3px}.notification-toast button:disabled{opacity:.5;cursor:wait}.notification-toast-error{margin:9px 0 0;font-size:11px;color:var(--red,#c33);line-height:1.6}.notification-toast-error[hidden]{display:none}.notification-item[data-highlight=true]{background:var(--workspace-hover,var(--gray-light,#f5f5f5));border-radius:8px;box-shadow:0 0 0 7px var(--workspace-hover,var(--gray-light,#f5f5f5))}
@keyframes notification-toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.notification-toast-stack{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);gap:8px}.notification-toast{padding:12px 13px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.notification-toast{animation:none}}