/* Desktop design adapter from the supplied office productivity package. */
@media screen and (min-width: 921px) {
/* FuuVo AI Document colour motion. Load after all native styles.
   Appearance only; native template/editor actions and document contents remain intact. */
@property --fv-document-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
body.fv-document-motion {
  --fv-document-rail-width: 72px;
  --fv-document-cycle: 8s;
  --fv-document-ring: conic-gradient(from var(--fv-document-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa);
  --fv-document-ink: #233c49;
  --fv-document-muted: #607780;
  background-color: #fff;
  isolation: isolate;
}
body.fv-document-motion::before,
body.fv-document-motion::after {
  content: "";
  position: fixed;
  inset: 0 0 auto var(--fv-document-rail-width);
  height: min(620px,72vh);
  pointer-events: none;
  z-index: -1;
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 12%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.38) 66%,transparent 100%);
  mask-image: linear-gradient(to bottom,#000 0%,#000 12%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.38) 66%,transparent 100%);
}
body.fv-document-motion::before {
  background:radial-gradient(ellipse at 9% -12%,rgba(24,211,197,.34),transparent 54%),radial-gradient(ellipse at 51% -20%,rgba(77,158,255,.30),transparent 59%),radial-gradient(ellipse at 91% -6%,rgba(231,126,226,.27),transparent 55%);
}
body.fv-document-motion::after {
  background:radial-gradient(ellipse at 11% -6%,rgba(65,142,255,.31),transparent 56%),radial-gradient(ellipse at 53% -12%,rgba(255,111,144,.30),transparent 60%),radial-gradient(ellipse at 94% -12%,rgba(255,198,78,.35),transparent 56%);
  opacity:.08;
  animation:fv-document-ambient var(--fv-document-cycle) ease-in-out infinite;
}
body.fv-document-motion .ai-document-app {
  --doc-bg: transparent;
  --doc-panel: #fff;
  --doc-panel-2: #f8fbfa;
  --doc-line: #dce6e7;
  --doc-text: #233c49;
  --doc-muted: #607780;
  --doc-blue: #16796f;
  --doc-accent: #16796f;
  --doc-editor-bg: #f4f7f6;
  color-scheme: light;
  color:var(--fv-document-ink);
}
body.fv-document-motion :is(.ai-document-app,.ai-document-app>.creation-workspace,.ai-document-main) {background-color:transparent!important;background-image:none!important;}
body.fv-document-motion .ai-document-app>.creation-workspace>.creation-topbar {
  position:relative!important;top:auto!important;background:transparent!important;
  border-bottom-color:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Share the content gutter with the page, instead of the generic shell's
   extra sidebar-toggle inset. The back control follows the card left edge. */
@media (min-width:921px) {
  body.fv-document-motion { --fv-document-page-gutter:30px; }
  body.fv-document-motion .ai-document-app .ai-document-main { padding-inline:var(--fv-document-page-gutter)!important; }
  html body.fv-document-motion #ai-document-app>.creation-workspace>.creation-topbar {
    padding-left:calc(var(--fv-document-page-gutter) + 8px)!important;
    padding-right:calc(var(--fv-document-page-gutter) + 8px)!important;
  }
  body.fv-document-motion .ai-document-app .creation-topbar .shell-history-back {
    padding-inline:0;justify-content:flex-start;gap:7px;
  }
  body.fv-document-motion .ai-document-app .creation-topbar .shell-history-back svg {
    width:18px;height:18px;flex:0 0 18px;stroke-width:1.7;
  }
}
@media (min-width:921px) and (max-width:1080px) {
  body.fv-document-motion { --fv-document-page-gutter:18px; }
}
body.fv-document-motion .ai-document-app :is(.ai-document-breadcrumb,.ai-document-breadcrumb a,.ai-document-brandline,.ai-document-library-head p,.ai-document-template-head p,.ai-document-category-label small,.ai-document-section-label,.ai-document-eyebrow) {color:var(--fv-document-muted);}
body.fv-document-motion .ai-document-app :is(.ai-document-intro h1,.ai-document-library-head h2,.ai-document-template-head h3) {color:#193d47;}
body.fv-document-motion .ai-document-app :is(.ai-document-intro>p,.ai-document-intro-foot,.ai-document-start-divider,.ai-document-category-note) {color:#607780;}
body.fv-document-motion .ai-document-app :is(.ai-document-intro,.ai-document-library) {border:1px solid #dce6e7;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 10px 35px #19414409;}
body.fv-document-motion .ai-document-app .ai-document-brandmark {color:#16796f;background:#eff8f5;border-color:#d6e8df;border-radius:7px;}
body.fv-document-motion .ai-document-app :is(.ai-document-brandmark,.editor-file-icon) svg {display:block;width:20px;height:20px;}
body.fv-document-motion .ai-document-app :is(.ai-document-live-dot,.ai-document-eyebrow i) {background:#20a88c;box-shadow:0 0 0 4px #20a88c12;}
body.fv-document-motion .ai-document-app :is(.ai-document-start-divider::before,.ai-document-start-divider::after) {background:#e1e9e6;}
body.fv-document-motion .ai-document-app :is(.ai-document-intro-foot,.ai-document-category-panel-top,.ai-document-category-note) {border-color:#e1e9e6;}
body.fv-document-motion .ai-document-app .ai-document-category-note strong {background:#f0f7f5;color:#16796f;}
body.fv-document-motion .ai-document-app .ai-document-prompt {
  position:relative;isolation:isolate;box-sizing:border-box;
  background:#fff;border:1px solid #dce6e7;border-radius:14px;
  box-shadow:0 4px 15px #19414405;
}
body.fv-document-motion .ai-document-app .ai-document-prompt:focus-within {border-color:transparent;box-shadow:none;}
body.fv-document-motion .ai-document-app .ai-document-prompt textarea {min-height:138px;height:auto;max-height:none;overflow-y:hidden;color:#263f49;line-height:1.65;}
body.fv-document-motion .ai-document-app :is(.ai-document-prompt textarea,.ai-document-search input,.ai-document-ai-panel textarea)::placeholder {color:#6e8188;opacity:1;}
body.fv-document-motion .ai-document-app :is(.ai-document-quick-prompts button,.ai-document-output-formats button,.library-tool,.library-sort,.ai-document-category,.ai-document-search,.style-options button) {color:#45626c;background:#fff;border-color:#dce6e7;box-shadow:none;}
body.fv-document-motion .ai-document-app :is(.ai-document-quick-prompts>span,.ai-document-output-formats small) {color:#607780;}
body.fv-document-motion .ai-document-app .ai-document-output-formats strong {color:#2b4953;}
/* Vertical format cards keep “Markdown” readable at the minimum input width. */
body.fv-document-motion .ai-document-app .ai-document-output-formats button {min-height:82px;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:6px;padding:9px 5px;text-align:center;}
body.fv-document-motion .ai-document-app .ai-document-output-formats button>span:nth-child(2) {width:100%;justify-items:center;gap:1px;}
body.fv-document-motion .ai-document-app .ai-document-output-formats strong {max-width:100%;font-size:11.5px;line-height:1.5;text-overflow:clip;}
body.fv-document-motion .ai-document-app .ai-document-output-formats small {line-height:1.3;}
body.fv-document-motion .ai-document-app .ai-document-output-formats button>i,
body.fv-document-motion .ai-document-app .ai-document-category>b {display:none!important;}
body.fv-document-motion .ai-document-app .format-icon {background:#f1f6fb;color:#286ba9;border:1px solid #e0e9f0;border-radius:6px;}
body.fv-document-motion .ai-document-app .format-doc {background:#f6f2fb;color:#7a55a3;border-color:#e8e0f0;}
body.fv-document-motion .ai-document-app .format-pdf {background:#fff4f3;color:#a95462;border-color:#f3dfe3;}
body.fv-document-motion .ai-document-app .format-icon svg {width:18px;height:20px;display:block;}
body.fv-document-motion .ai-document-app .ai-document-category-icon.fv-document-line-icon::before,
body.fv-document-motion .ai-document-app .ai-document-category-icon.fv-document-line-icon::after {display:none;}
body.fv-document-motion .ai-document-app .ai-document-category-icon svg {width:16px;height:16px;display:block;}

/* The 1.5px ring is drawn fully INSIDE each control. It is not clipped by
   overflow:hidden and remains visible on every side without a tinted fill. */
body.fv-document-motion .ai-document-app :is(.ai-document-output-formats button,.ai-document-category,.library-tool,.style-options button,.ai-document-panel-tabs button,.ai-document-outline button,.toolbar-group>button):is(.is-active,[aria-pressed="true"],[aria-selected="true"]) {
  position:relative;isolation:isolate;background:#fff!important;color:#166e66!important;
  border-color:transparent!important;box-shadow:none!important;
}
body.fv-document-motion .ai-document-app :is(.ai-document-output-formats button,.ai-document-category,.library-tool,.style-options button,.ai-document-panel-tabs button,.ai-document-outline button,.toolbar-group>button):is(.is-active,[aria-pressed="true"],[aria-selected="true"])::before,
body.fv-document-motion .ai-document-app .ai-document-prompt:focus-within::after {
  content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--fv-document-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa);
  -webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask-composite:exclude;
  animation:fv-document-border var(--fv-document-cycle) linear infinite;
}
body.fv-document-motion .ai-document-app :is(.ai-document-category,.library-tool,.style-options button,.ai-document-panel-tabs button,.ai-document-outline button) {border-radius:8px;}
body.fv-document-motion .ai-document-app :is(.ai-document-category,.library-tool,.library-sort,.ai-document-quick-prompts button,.style-options button):hover:not(.is-active) {background:#f7faf9;color:#166e66;border-color:#b5cfc6;}
body.fv-document-motion .ai-document-app :is(.ai-document-start-button,.ai-document-new-button,.ai-document-ai-submit,.ai-document-template-empty>button) {
  color:#fff;border:1px solid transparent;
  background:linear-gradient(110deg,#146e70,#2456bb 26%,#7142ac 50%,#a33773 72%,#146e70);
  background-size:240% 100%;animation:fv-document-button var(--fv-document-cycle) ease-in-out infinite;box-shadow:none;
}
body.fv-document-motion .ai-document-app :is(.ai-document-start-button,.ai-document-new-button,.ai-document-ai-submit):hover:not(:disabled) {filter:brightness(1.04);}
body.fv-document-motion .ai-document-app .ai-document-search input {color:#263f49;background:transparent;}
body.fv-document-motion .ai-document-app .ai-document-search:focus-within {border-color:#8ab6ad;}
body.fv-document-motion .ai-document-app .ai-document-template-card {background:#fff;color:#2b4953;border-color:#dce6e7;box-shadow:none;border-radius:12px;}
body.fv-document-motion .ai-document-app .ai-document-template-card:hover {border-color:#91b8b1;box-shadow:0 8px 24px #19414410;transform:translateY(-2px);}
body.fv-document-motion .ai-document-app .ai-document-template-card-copy strong {color:#2b4953;}
body.fv-document-motion .ai-document-app :is(.ai-document-template-card-copy small,.ai-document-template-open) {color:#607780;}
body.fv-document-motion .ai-document-app .ai-document-template-empty {background:#fff;border-color:#cbded7;color:#607780;border-radius:14px;}
body.fv-document-motion .ai-document-app .ai-document-template-empty h3 {color:#29464c;}
body.fv-document-motion .ai-document-app .ai-document-template-empty p {color:#607780;}

/* Editor chrome follows the page; the document's chosen paper accents remain
   native, including author-selected colour and formatting. */
body.fv-document-motion .ai-document-app .ai-document-editor-shell {background:#f5f8f7;border-color:#dce6e7;border-radius:16px;box-shadow:0 10px 35px #19414409;}
body.fv-document-motion .ai-document-app :is(.ai-document-editor-topbar,.ai-document-editor-toolbar,.ai-document-editor-statusbar) {background:#fff;color:#49656d;border-color:#e1e9e6;}
body.fv-document-motion .ai-document-app :is(.ai-document-back-button,.editor-icon-button,.editor-share-button,.ai-document-editor-topbar-center,.editor-draft-hint) {color:#527078;}
body.fv-document-motion .ai-document-app :is(.ai-document-back-button,.editor-icon-button,.editor-share-button):hover {background:#f4f8f6;color:#16796f;}
body.fv-document-motion .ai-document-app .editor-share-button {border-color:#dce6e7;}
body.fv-document-motion .ai-document-app :is(.editor-topbar-divider,.toolbar-divider) {background:#e1e9e6;}
body.fv-document-motion .ai-document-app .editor-file-icon {width:29px;height:33px;background:#eff8f5;color:#16796f;border:1px solid #d6e8df;border-radius:7px;flex-shrink:0;}
body.fv-document-motion .ai-document-app .ai-document-editor-title input {color:#233c49;}
body.fv-document-motion .ai-document-app .ai-document-editor-title small {color:#607780;}
body.fv-document-motion .ai-document-app .ai-document-template-badge {color:#16796f;background:#f6fbf9;border-color:#dce6e7;}
body.fv-document-motion .ai-document-app :is(.ai-document-outline-panel,.ai-document-ai-panel) {background:#fbfdfc;border-color:#e1e9e6;}
body.fv-document-motion .ai-document-app :is(.ai-document-canvas-panel,.ai-document-canvas-wrap) {background:#f1f5f3;}
body.fv-document-motion .ai-document-app .ai-document-canvas {box-shadow:0 8px 25px #2942400c;}
body.fv-document-motion .ai-document-app .ai-document-canvas:focus {box-shadow:0 0 0 1px #83b5aa,0 8px 25px #2942400c;}
body.fv-document-motion .ai-document-app :is(.ai-document-outline button,.ai-document-outline-footer button,.editor-panel-heading,.ai-document-outline-footer button b,.toolbar-group>button,.toolbar-select-group select) {color:#536d78;}
body.fv-document-motion .ai-document-app :is(.panel-add-button,.toolbar-select-group select,.ai-document-ai-actions button,.ai-document-ai-tips button,.comments-empty button) {background:#fff;color:#46666e;border-color:#dce6e7;}
body.fv-document-motion .ai-document-app :is(.ai-document-ai-panel-head h2,.panel-view-title,.comments-empty strong) {color:#29464c;}
body.fv-document-motion .ai-document-app :is(.ai-document-ai-panel-head p,.ai-document-ai-tips strong,.ai-document-ai-tip-copy,.style-control>label,.comments-empty p,.ai-document-editor-statusbar) {color:#607780;}
body.fv-document-motion .ai-document-app .ai-document-ai-mark {background:#f1ebfa;color:#7954ad;}
body.fv-document-motion .ai-document-app .ai-document-panel-tabs {border-color:#e1e9e6;}
body.fv-document-motion .ai-document-app .ai-document-ai-panel textarea {background:#fff;border-color:#dce6e7;color:#263f49;border-radius:10px;}
body.fv-document-motion .ai-document-app .ai-document-ai-panel textarea:focus {border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--fv-document-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa) border-box;animation:fv-document-border var(--fv-document-cycle) linear infinite;box-shadow:none;}
body.fv-document-motion .ai-document-app .style-reset {color:#16796f;}
body.fv-document-motion .ai-document-app .style-swatches button.is-active {position:relative;box-shadow:none;}
body.fv-document-motion .ai-document-app .style-swatches button.is-active::before {
  content:"";position:absolute;inset:-3px;padding:1.5px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from var(--fv-document-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa);
  -webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask-composite:exclude;
  animation:fv-document-border var(--fv-document-cycle) linear infinite;
}
body.fv-document-motion .ai-document-app button:focus-visible {outline:2px solid #23786e;outline-offset:3px;}
body.fv-document-motion[data-fv-visibility="hidden"]::after {animation-play-state:paused;}
@keyframes fv-document-ambient {0%,100%{opacity:.06;}50%{opacity:1;}}
@keyframes fv-document-border {to{--fv-document-angle:360deg;}}
@keyframes fv-document-button {0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media(prefers-reduced-motion:reduce) {
  body.fv-document-motion::after,body.fv-document-motion .ai-document-app :is(button,textarea),body.fv-document-motion .ai-document-app button::before,body.fv-document-motion .ai-document-prompt::after {animation:none!important;}
  body.fv-document-motion::after {opacity:.25;}
  body.fv-document-motion .ai-document-app .ai-document-template-card {transition:none;}
}
@media(max-width:767px) {body.fv-document-motion {--fv-document-rail-width:0px;}}
@media(forced-colors:active) {
  body.fv-document-motion::before,body.fv-document-motion::after,body.fv-document-motion .ai-document-app button::before {display:none;}
  body.fv-document-motion .ai-document-app button.is-active {outline:1.5px solid Highlight;}
}
@media print {
  body.fv-document-motion::before,body.fv-document-motion::after {display:none;}
  body.fv-document-motion .ai-document-app .ai-document-canvas {box-shadow:none;}
}

}