/* Workspace chrome shared by the three real Office editors. */
body.office-workspace { --primary:#3155bf; --primary-soft:#edf1ff; --grad-primary:linear-gradient(135deg,#3155bf,#416be0); }
body.office-workspace::before { content:none; }
.office-workspace > .site-header { position:relative; top:auto; margin-block:1rem; }
.office-workspace .demo-stage { border:0; background:none; box-shadow:none; }
.office-document-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.3rem; align-items:center; margin-bottom:1.3rem; padding:1.2rem; border:1px solid var(--border); border-radius:18px; background:var(--surface); }
.office-document-title { min-width:0; }
.office-format-label { display:block; color:var(--primary); font-weight:800; font-size:.69rem; letter-spacing:.1em; direction:ltr; text-align:start; }
[dir=rtl] .office-format-label { text-align:right; }
.office-document-title h1 { font-size:clamp(1.2rem,2.2vw,1.75rem); line-height:1.5; margin:.25rem 0; overflow-wrap:anywhere; }
.office-document-title p { margin:.35rem 0 0; color:var(--muted); font-size:.84rem; }
.office-file-actions { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; max-width:640px; }
.studio-workspace .office-file-actions > input { flex-basis:100%; width:100%; min-width:0; min-height:46px; }
.office-file-actions > :is(button,a,label),.office-file-actions > div > button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; border-radius:11px; padding:.55rem .9rem; gap:.45rem; font:inherit; font-size:.8rem; white-space:normal; }
.office-file-actions .cre-actions-dd,.office-file-actions .cre-flyout { position:relative; }
.office-file-actions .cre-actions-dd-menu { position:absolute; z-index:110; inset-inline-end:0; top:calc(100% + .5rem); min-width:190px; padding:.5rem; background:var(--surface); border:1px solid var(--border); border-radius:13px; box-shadow:0 15px 50px #0a1c4030; }
.office-file-actions .cre-actions-dd-menu button { width:100%; min-height:44px; text-align:start; }
.office-workspace #docxMenuModeToggle { display:none; }
.office-workspace #docxStage,.office-workspace #pptxShell,.office-workspace #excelMain { border-radius:14px; }
.office-workspace :is(#excelSheetTabs,#excelFormulaRow,#pptxTitleInput,.demo-word-page) { scroll-margin-block:100px var(--office-dock-height,100px); }
.office-workspace .demo-banner { background:var(--surface); color:var(--text); border-bottom:1px solid var(--border); }
.office-workspace .demo-banner-copy .chip { color:var(--primary); }
.office-workspace .office-file-status { width:100%; font-size:.75rem; color:var(--muted); line-height:1.5; min-height:1.2em; }
.office-workspace .office-workspace-guide { display:flex; gap:.6rem; align-items:center; margin:0 0 1rem; padding:.7rem 1rem; border-inline-start:3px solid var(--primary); color:var(--muted); background:var(--surface); font-size:.8rem; line-height:1.7; }
[data-theme=dark] body.office-workspace { --primary:#6488f3; --primary-soft:#25334f; --grad-primary:linear-gradient(135deg,#3557bd,#476edf); }
@media(max-width:1100px) { .office-document-head { grid-template-columns:1fr; } .office-file-actions { max-width:none; } }
@media(max-width:600px) {
 .office-document-head { padding:1rem .8rem; border-radius:14px; gap:1rem; margin-bottom:1rem; }
 .office-file-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; }
 .office-file-actions > :is(button,a,label),.office-file-actions > div > button { width:100%; min-width:0; min-height:48px; padding:.45rem .25rem; font-size:.75rem; border-radius:10px; }
 .office-file-actions > :is(.cre-flyout,.cre-actions-dd) { min-width:0; }
 .office-file-actions > .pptx-mob-hist-group { grid-column:span 2; }
 .office-file-actions > .pptx-mob-hist-group > button { min-width:44px; flex:1; }
 .studio-workspace .office-file-actions > input { grid-column:1/-1; }
 .office-workspace .office-file-status { grid-column:1/-1; }
 .office-document-title p { font-size:.78rem; }
 .office-workspace .office-workspace-guide { padding:.65rem .75rem; }
}
@media(prefers-reduced-motion:reduce) { .office-workspace .office-document-head * { transition:none; animation:none; } }
/* Compact two-row phone actions, retaining the original controls and handlers. */
@media(max-width:600px) {
 .office-document-head { padding:.7rem; gap:.55rem; margin-bottom:.65rem; }
 .office-document-title h1 { font-size:1.05rem; margin:.1rem 0; }
 .office-document-title p { font-size:.72rem; margin:.1rem 0; }
 .office-file-actions { grid-template-columns:repeat(var(--office-action-columns,3),minmax(0,1fr)); gap:5px; }
 .office-file-actions > .pptx-mob-hist-group { display:contents; }
 .office-file-actions > :is(button,a,label),.office-file-actions > div > button { min-height:44px; height:44px; padding:3px; border-radius:9px; gap:2px; }
 .office-file-actions [data-office-short] { flex-direction:column; font-size:0!important; line-height:1!important; }
 .office-file-actions [data-office-short] > span:not(:has(svg)) { display:none; }
 .office-file-actions [data-office-short] svg { width:15px; height:15px; flex:none; }
 .office-file-actions [data-office-short]::after { content:attr(data-office-short); display:block; font-size:10px; line-height:1.2; font-weight:700; white-space:nowrap; }
 .office-workspace .office-workspace-guide { display:none; }
 .office-workspace > .site-header { margin-block:.4rem; }
 .office-workspace .demo-banner { padding-block:.5rem; }
}

.office-ai-status { padding:.65rem .85rem; border:1px solid var(--border); border-radius:10px; color:var(--text); font-size:.8rem; overflow-wrap:anywhere; white-space:pre-wrap; }
.office-ai-status.is-error { border-color:#d97706; }
.office-ai-confirm { width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:20px; border:1px solid var(--border); border-radius:18px; color:var(--text); background:var(--surface); overflow:auto; }
.office-ai-confirm::backdrop { background:#08122bbb; backdrop-filter:blur(4px); }
.office-ai-confirm h2 { font-size:1.1rem; margin:0 0 12px; }
.office-ai-confirm p { font-size:.85rem; line-height:1.7; overflow-wrap:anywhere; }
.office-ai-confirm textarea { width:100%; height:220px; resize:vertical; padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; font-size:14px; }
.office-ai-confirm > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.office-ai-confirm button { overflow-wrap:anywhere; white-space:normal; flex:1; min-height:44px; }
.office-excel-ai { min-width:0; width:min(400px,100%); display:grid; gap:5px; padding:8px; border:1px solid var(--border); border-radius:10px; }
.office-excel-ai label { font-size:11px; font-weight:700; }
.office-excel-ai textarea { width:100%; min-width:0; font:inherit; font-size:14px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:7px; }
.office-excel-ai > div { display:flex; flex-wrap:wrap; gap:5px; }