/* Shared shell: navigation and language never depend on a section's actions. */
:root{--app-header-height:96px}
html{scrollbar-gutter:stable}
body .app-header{display:grid!important;grid-template-columns:140px minmax(0,1fr) 144px;grid-template-rows:51px 44px;height:var(--app-header-height)!important;min-height:var(--app-header-height)!important;padding:0 16px!important;gap:0 16px!important;align-items:center;border-bottom:1px solid var(--line);background:#fff;box-sizing:border-box}
body .app-header .wordmark{grid-column:1;grid-row:1;min-width:0!important;width:140px;font:26px/1 Georgia,serif;letter-spacing:-1px;gap:8px;margin:0!important}
body .app-header .wordmark>span:last-child{display:block!important}
body .app-header .brand-mark{width:32px;height:32px;font-size:29px;border-radius:4px;padding-bottom:4px}
body .app-header .wordmark-sub{display:none}
body .app-header>.section-nav{grid-column:2;grid-row:1;display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;min-width:0;width:100%;height:44px;flex-wrap:nowrap;margin:0;scrollbar-width:thin}
body .app-header>.section-nav a{flex:none;display:block;padding:8px 10px!important;font:600 12px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;white-space:nowrap;text-decoration:none;color:#6c7265;border-radius:6px}
body .app-header>.section-nav a[aria-current=page]{background:#e8eddf;color:#36432f}
body .app-header .interface-language{grid-column:3;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:144px;height:36px;gap:6px;margin:0!important;font-size:12px}
body .app-header .interface-language select{width:116px;max-width:116px;min-height:32px;height:32px;margin:0;padding:4px 6px;font-size:12px;box-sizing:border-box}
body .app-header .header-actions{grid-column:2/4;grid-row:2;justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap!important;gap:7px!important;width:auto!important;max-width:100%;height:44px;margin:0!important;padding:0;overflow:visible}
body .app-header .header-actions>button{height:32px;min-height:32px;padding:6px 12px!important;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px!important;line-height:18px;white-space:nowrap;flex-shrink:0}
body .app-header .header-actions>button.primary{background:var(--ink);color:white;border-color:var(--ink);min-width:140px}
body .app-header .header-actions>.icon-button{width:32px;padding:0!important}
body .app-header>.document-name,body .app-header>#p-save,body .app-header>#v-save{grid-column:1;grid-row:2;display:block!important;min-width:0;width:140px;max-width:140px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#77816d}
body .app-header .document-name>span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:140px!important}
body .app-header .document-name small{font-size:9px;overflow:hidden;text-overflow:ellipsis;display:block}
@media(min-width:851px){body>.workspace,body>.photo-workspace,body>.video-workspace,body>.shooting-workspace,body>.content-workspace{height:calc(100dvh - var(--app-header-height));min-height:0}}
@media(max-width:850px){:root{--app-header-height:140px}body .app-header{grid-template-columns:140px minmax(0,1fr) 144px;grid-template-rows:46px 44px 49px;padding:0 10px!important;column-gap:8px!important}body .app-header>.section-nav{grid-column:1/4;grid-row:2}body .app-header .header-actions{grid-column:1/4;grid-row:3;overflow-x:auto;justify-self:stretch;justify-content:flex-end;scrollbar-width:thin}body .app-header>.document-name,body .app-header>#p-save,body .app-header>#v-save{display:none!important}body .app-header .header-actions>button{padding:6px 8px!important}body .app-header .header-actions>button.primary{min-width:110px}}
@media(max-width:480px){body .app-header .header-actions{justify-content:flex-start}}
@media print{body .app-header{display:none!important}}