/* Desktop owns a permanent file rail, a wide desk and a full editing ribbon. */
body{background:#eeeee8}#office.desktop-office{display:grid;grid-template-columns:225px minmax(0,1fr);padding:0;max-width:1800px;min-height:100dvh}
.desktop-rail{background:#e6ebe7;border-right:1px solid #d5ddd5;padding:25px 20px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}
.desktop-rail .office-header{height:auto;display:block;border:0;padding:0}.desktop-rail .office-brand{font-size:23px;gap:10px}.desktop-rail .office-brand small{font-size:10px}.desktop-rail .brand-symbol{width:35px;height:40px;font-size:27px}.desktop-rail .header-right{display:flex;justify-content:space-between;gap:4px;margin-top:24px}.desktop-rail .local-label{display:block;font-size:11px}.desktop-rail #help-button{font-size:12px;padding:5px}
.desk-navigation{display:grid;gap:8px;margin-top:45px}.desk-navigation button{text-align:left;background:transparent;border:0;padding:12px 10px}.desk-navigation button.active{background:#fff;box-shadow:0 2px 5px #26374b0a;color:#255b49}.rail-note{margin-top:auto;font-size:12px;color:#597064;padding-top:35px}.rail-note p{line-height:1.7}.rail-note .subtle{font-size:11px}
.desktop-workbench{min-width:0;padding:0 35px 24px;background:#f7f5ef}.welcome{margin-top:44px}h1{font-size:38px}.new-card{grid-template-columns:48px 1fr;min-height:165px;padding:20px 16px;gap:12px}.card-icon{width:45px;height:57px}.card-text strong{font-size:18px}.card-text small{font-size:10px;margin-top:20px}
.desktop-desk-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:32px;margin-top:38px}.library,.starters{margin-top:0}.desktop-desk-grid .section-heading{min-height:48px}.desktop-desk-grid .starter-grid{grid-template-columns:1fr;gap:12px}.desktop-desk-grid .starter-art{height:62px;font-size:30px}.desktop-desk-grid .starter-art span{font-size:9px}.desktop-desk-grid .starter-grid strong{padding-top:9px}.desktop-desk-grid .starter-grid small{padding-bottom:10px}.desktop-desk-grid .starters .subtle{display:none}.desktop-desk-grid .library-filters{display:none}.more-starters>div{display:grid;gap:6px}.search-label input{width:170px}.project-name{max-width:none}.desk-note{border-top:1px solid var(--line);padding-top:20px;margin-top:35px}
.editor-heading{padding-top:24px}#editor-content{min-height:calc(100dvh - 260px)}.document-paper{max-width:816px}.slide-workspace{grid-template-columns:115px minmax(0,1fr) 215px}.object-inspector{display:block;grid-column:auto;border-top:0;border-left:1px solid var(--line);max-height:75vh}.slide-strip{max-height:75vh}.slide-center{padding:25px 20px}.toolbar{padding:10px;gap:6px}.toolbar button{padding:6px 10px}.editor-menus summary{font-size:14px}
/* A desktop browser can still be resized without making commands unreachable. */
@media(max-width:1150px){#office.desktop-office{grid-template-columns:185px minmax(0,1fr)}.desktop-rail{padding:20px 12px}.desktop-workbench{padding:0 20px 20px}.desktop-desk-grid{grid-template-columns:1fr}.desktop-desk-grid .starter-grid{grid-template-columns:repeat(3,1fr)}.new-card{grid-template-columns:1fr}.slide-workspace{grid-template-columns:90px minmax(0,1fr)}.object-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){#office.desktop-office{display:block}.desktop-rail{position:static;height:auto;padding:12px 16px}.desktop-rail .office-header{display:flex;justify-content:space-between}.desktop-rail .header-right{margin:0}.desk-navigation{display:flex;overflow:auto;margin-top:12px;gap:4px}.desk-navigation .eyebrow,.rail-note,.desktop-rail .local-label{display:none}.desk-navigation button{white-space:nowrap;font-size:11px;padding:8px}.desktop-workbench{padding:0 14px 20px}.welcome{margin-top:25px}.new-card{grid-template-columns:47px 1fr}.desktop-desk-grid .starter-grid{grid-template-columns:1fr}.slide-workspace{display:flex;flex-direction:column}.object-inspector{display:flex;flex-wrap:wrap}.slide-strip{flex-direction:row;max-height:105px}.slide-center{padding:18px 12px}.editor-heading #project-title{min-width:0}.desktop-rail .brand-symbol{display:none}.desktop-rail .office-brand{font-size:20px}}
@media print{#office.desktop-office{display:block}.desktop-rail{display:none}.desktop-workbench{padding:0}.desktop-desk-grid{display:none}}