.flow-toast.error{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink)}html[data-focus~=doc] .document-shell:not(.sheet-shell) :is(.app-sidebar,.sidebar-scrim,.document-topbar,.document-subbar,.document-toolbar-slot,.comments-panel,.collaboration-panel,.contract-panel,.invoice-menu-wrap),html[data-focus~=sheet] .sheet-shell :is(.app-sidebar,.sidebar-scrim,.document-topbar,.document-subbar,.sheet-menu-wrap,.editor-menubar,.sheet-toolbar-wrap,.sheet-presence,.comments-panel,.collaboration-panel,.contract-panel){display:none!important}html[data-focus~=doc] .writer-shell .writer-menubar:not(:has(.writer-menubar-button.open)){display:none!important}.flow-pill{z-index:70;background:var(--ink);color:var(--on-ink);box-shadow:0 5px 20px color-mix(in srgb,var(--shade) 14.5%,transparent);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 13px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;display:none;position:fixed;top:8px;left:50%;transform:translate(-50%,calc(-100% - 12px))}.flow-pill kbd{font:11px var(--font);font-variant-numeric:tabular-nums;color:var(--on-ink);opacity:.75}:is(html[data-focus~=doc]:has(.document-shell:not(.sheet-shell)) .flow-pill,html[data-focus~=sheet]:has(.sheet-shell) .flow-pill){display:inline-flex}.flow-pill[data-show],.flow-pill:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}@media (pointer:coarse){.flow-pill{top:calc(8px + env(safe-area-inset-top));opacity:1;pointer-events:auto;transform:translate(-50%)}.flow-pill kbd{display:none}html[data-focus~=doc] .document-shell:not(.sheet-shell) .document-main,html[data-focus~=sheet] .sheet-shell .document-main{padding-top:calc(46px + env(safe-area-inset-top))}}