.word-page-shell .word-page-bar{grid-template-columns:auto minmax(0,1fr);border-radius:var(--r-lg)}
.word-page-bar h1{margin:0;font:inherit;font-weight:600}.word-page-bar [data-word-actions]{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.word-page-shell .word-page-body{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0;flex:1;border-radius:var(--r-lg);background:var(--card)}
.word-live-canvas{height:100%;min-height:240px;min-width:0;position:relative;flex:1}.word-selection-list{display:grid;align-content:start;gap:6px;padding:16px;overflow:auto}.word-overlay{position:absolute;pointer-events:none;overflow:hidden;z-index:2}.word-overlay button{position:absolute;pointer-events:auto;max-width:85%;max-height:5em;overflow:auto;background:var(--card);border-radius:var(--r-sm);border:0;padding:1px 4px;font-size:14px;text-align:left;box-shadow:0 0 0 1px var(--line)}
/* Univer's canvas has its own stacking order. Contain it below the targeted suggestion text. */
.word-live-canvas{isolation:isolate;z-index:0}
.word-overlay .word-candidate{animation:none;background:var(--card);box-shadow:none}
.word-overlay .word-candidate>span{animation:word-candidate-breathe 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.word-overlay .word-candidate>span{animation:none}}

/* The shared workbench owns the outer card. Align the inner header and native ribbon to one inset. */
.word-page-shell{--word-inset:26px;container:word-page / inline-size}
.word-page-shell .word-page-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:68px;margin:0;padding:0 var(--word-inset);gap:16px;border-bottom:1px solid var(--line);border-radius:0}
.word-page-shell .word-page-bar h1{min-width:0;font:600 18px/26px var(--sans);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}
.word-page-bar [data-word-actions]{flex-wrap:nowrap;gap:8px}
.word-page-bar [data-word-actions] .btn{box-sizing:border-box;height:32px;line-height:16px;font-size:13px;vertical-align:middle}
.word-page-bar a.btn,.word-page-bar button.btn{display:inline-flex;align-items:center;justify-content:center}
.word-page-bar .word-version{color:var(--fg2);background-color:transparent;border-color:var(--line2);padding:0 7px;max-width:112px}
.word-page-bar .word-download{padding:0 13px;text-decoration:none}
.word-page-shell .word-page-body{margin:0;padding:0;border:0;border-radius:0 0 var(--r-lg) var(--r-lg)}
.word-live-canvas [data-u-comp=headerbar]{background:var(--card)}
.word-live-canvas [data-u-comp=ribbon-header-menu]{height:34px}
.word-live-canvas [role=tablist]{box-sizing:border-box;justify-content:flex-start;padding-inline:var(--word-inset);gap:18px;background:var(--card);border-radius:0}
.word-live-canvas [role=tab]{align-self:stretch;box-sizing:border-box;padding:0 1px;border-radius:0;background:transparent;border-bottom:2px solid transparent;font:500 13px/20px var(--sans);color:var(--fg2)}
.word-live-canvas [role=tab][aria-selected=true]{background:transparent;color:var(--green-ink);border-bottom-color:var(--green)}

.word-overlay .word-candidate{padding:0 2px;text-align:left;white-space:pre-wrap;font-family:var(--sans);border-radius:2px}
.word-overlay .word-candidate:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.word-overlay .word-agent{color:var(--green-ink)}.word-overlay .word-automation{color:var(--blue)}
@media(max-width:760px){.word-page-shell{--word-inset:14px}.word-page-shell .word-page-bar{min-height:56px;gap:8px}.word-page-shell .word-page-bar h1{font-size:15px}.word-page-bar [data-word-actions]{gap:4px}}
@media(max-width:540px){.word-page-shell .word-page-bar{grid-template-columns:minmax(0,1fr);padding-block:8px;gap:4px}.word-page-bar [data-word-actions]{justify-content:flex-start}}
.word-live-canvas [data-u-comp=ribbon-toolbar]{align-items:center;justify-content:flex-start;padding-inline:calc(var(--word-inset) - 17px)}
.word-settings{border-color:var(--line2);border-radius:var(--r-lg);background:var(--card);color:var(--fg);font-family:var(--sans)}
.word-settings label{align-items:center;min-height:34px}.word-settings input,.word-settings select{height:32px;box-sizing:border-box;border:1px solid var(--line2);border-radius:var(--r);background:var(--control-bg);padding-inline:9px;color:var(--fg)}
.word-page-body.word-selection-list{display:flex;align-items:stretch;justify-content:flex-start;gap:0;padding:0 var(--word-inset) 20px;overflow:auto}
.word-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.word-search{width:min(240px,65%);height:34px;box-sizing:border-box;border:1px solid var(--line2);border-radius:var(--r);padding:0 11px;background:var(--control-bg);font:13px var(--sans);color:var(--fg)}
.word-count{color:var(--fg3);font-size:12px;font-variant-numeric:tabular-nums}

.word-page-shell .word-page-bar [data-word-actions] .btn-pri{
  min-width:56px;background:var(--green);border-color:var(--green);color:var(--card)
}
.word-page-shell .word-page-bar [data-word-actions] .btn-pri:hover:enabled{background:var(--green2);border-color:var(--green2)}
.word-page-shell .word-page-bar [data-word-actions] .btn-pri:disabled{opacity:.55}
.word-page-shell .word-live-canvas [data-u-comp=ribbon-toolbar] :is(input,[data-u-comp=input]){
  box-sizing:border-box;height:24px;min-height:0;max-height:24px
}
.word-page-shell .word-live-canvas [data-u-comp=ribbon-toolbar] input{
  display:block;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;
  font-size:14px;line-height:24px;box-shadow:none
}
.word-live-canvas .univer-toolbar-selector-root:focus-within{outline:1px solid var(--green);outline-offset:-1px}
.word-selection-list .file-tile{min-width:0}
.word-selection-list .tile-open{display:block;font:inherit;font-size:13px;cursor:pointer}
.word-selection-list .tile-open:focus-visible{outline:2px solid var(--green-ink);outline-offset:-2px}
.word-selection-list .tile-preview{overflow:hidden}
.word-selection-list .tile-excerpt{padding:12px 12px 0}
.word-empty{padding:20px 0;color:var(--fg3)}
.word-selection-list>.btn{align-self:center;margin-top:12px}

.word-selection-list .tile-preview[data-skeleton]>.file-symbol{display:none}
.word-selection-list .tile-name{line-height:20px;height:20px}
.word-selection-list .tile-meta{line-height:16px;height:16px}
.word-selection-list [data-skeleton=word-card] :is(.tile-name,.tile-meta){display:flex;align-items:center}
.word-selection-list [data-skeleton=word-card] .tile-open{cursor:default}
.word-selection-list [hidden]{display:none}

@keyframes word-candidate-breathe{0%,100%{opacity:1}50%{opacity:.5}}
.word-page-bar .word-find{flex:0 1 auto;padding:0 6px;gap:3px;height:32px;border:1px solid var(--line2);background:transparent}
.word-page-bar .word-find input[type=search]{width:clamp(82px,11vw,156px);min-width:0;height:28px;padding:0 4px;border:0;background:transparent}
.word-page-bar .word-find:focus-within{border-color:var(--green)}
.word-page-bar .word-find button{width:22px;min-width:22px;height:24px;padding:0;border:0;background:transparent}
.word-page-bar .word-find .excel-search-count{min-width:0}
.word-page-bar .word-find [hidden]{display:none}
.word-settings{position:fixed;inset:0;margin:auto;width:min(370px,90vw);height:fit-content;padding:22px;border:1px solid var(--line2);border-radius:var(--r-lg);color:var(--fg);background:var(--card)}
.word-settings::backdrop{background:color-mix(in srgb,var(--fg) 20%,transparent)}
.word-settings form{display:grid;gap:14px}
.word-settings h3{margin:0;font-size:16px}.word-settings label{display:grid;gap:6px;font-size:13px}
.word-settings :is(select,input){width:100%;font:inherit}
.word-settings footer{display:flex;gap:8px;justify-content:flex-end}
.word-settings output:empty{display:none}
.word-settings output{font-size:12px;color:var(--red)}

@container word-page (max-width:540px){
  .word-page-shell .word-page-bar{grid-template-columns:minmax(0,1fr);padding-block:8px;gap:4px}
  .word-page-bar [data-word-actions]{flex-wrap:wrap;justify-content:flex-start}
}