#board-share-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;border:1px solid #cfc6b8;border-radius:12px;padding:24px;background:#fffdf8}#board-share-dialog::backdrop{background:#0008}#board-share-audience{display:flex;flex-wrap:wrap;gap:18px;padding:16px 0}#board-share-audience label{display:flex;align-items:center;gap:8px}#board-share-audience input{width:auto}#board-share-preview .board-scroll{height:45vh}#board-share-status{white-space:pre-wrap}#shared-board-view .board-scroll{height:65vh}#shared-boards{display:none}body[data-home-page=boards] #shared-boards{display:block}
#board-share-preview{min-width:0}
.board-decision-history{width:min(640px,92vw);max-height:85vh;overflow:auto;border:1px solid #cfc6b8;border-radius:12px;padding:20px;background:#fffdf8}
.board-decision-history::backdrop{background:#0006}
.board-decision-history article{border-top:1px solid #ddd;padding:14px 0;overflow-wrap:anywhere;white-space:pre-wrap}
#board-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 6px}
#board-share-dialog #board-share-actions button{margin:0;min-height:44px}
/* Only the read-only board page uses the full viewport width. */
body[data-home-page=boards] main{width:100%;max-width:none;padding-left:16px;padding-right:16px}
body[data-home-page=boards] #workspace,body[data-home-page=boards] #shared-boards{width:100%;max-width:none;min-width:0}
body[data-home-page=boards] #workspace #shared-boards{padding:16px}
/* One toolbar row without relocating renderer-owned controls or changing zoom. */
body[data-home-page=boards] #workspace #shared-boards{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;column-gap:16px;align-items:center}
#shared-boards>h2,#shared-boards>p:first-of-type,#shared-boards>label{grid-column:1/-1}
#shared-board-update{grid-column:1;grid-row:4;max-width:380px;margin-bottom:12px}
#shared-board-meta{grid-column:2;grid-row:4;margin:0 0 12px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#shared-board-view{display:contents}
#shared-board-view>.board-controls{grid-column:3;grid-row:4;flex-wrap:nowrap;gap:8px;margin:0 0 12px;font-size:13px}
#shared-board-view>.board-controls input{width:130px;margin:0}
#shared-board-view>.board-controls small{font-size:12px;white-space:nowrap}
#shared-board-view>.board-scroll{grid-column:1/-1;grid-row:5;height:85vh;height:85dvh;max-height:none}
body[data-home-page=boards] #rooms{padding-bottom:16px}
#shared-board-view>p{grid-column:1/-1}
#shared-board-refresh{font-size:14px;white-space:nowrap;min-height:44px}
#shared-board-update-status{font-size:12px}
@media(max-width:900px){body[data-home-page=boards] #workspace #shared-boards{grid-template-columns:minmax(0,1fr)}#shared-board-update{grid-column:1;max-width:none}#shared-board-meta{grid-column:1;grid-row:5;white-space:normal;overflow-wrap:anywhere}#shared-board-view>.board-controls{grid-column:1;grid-row:6;flex-wrap:wrap}#shared-board-view>.board-scroll{grid-row:7}}
#shared-board-update{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#shared-board-update-status{margin:0;overflow-wrap:anywhere}
#shared-board-update.has-update{background:#fff1d6;border:2px solid #b45309;border-radius:8px;padding:12px;color:#713f12}
#shared-board-update.has-update #shared-board-refresh{background:#9a3412;color:white;border:2px solid #7c2d12;font-weight:700;min-height:46px;white-space:normal}
#shared-board-refresh:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
@media(max-width:760px){body[data-home-page=boards] main{padding-left:8px;padding-right:8px}body[data-home-page=boards] #workspace #shared-boards{padding:10px}#shared-board-update.has-update #shared-board-refresh{width:100%}}
/* Persistent high-contrast reminder; no blinking and no automatic publication. */
#board-share-banner.has-unpublished{background:#fff1d6;border-bottom:2px solid #b45309;box-shadow:inset 5px 0 #b45309}
#board-share-banner.has-unpublished>span{color:#713f12;font-weight:600}
#board-share-banner #board-publish-latest{background:#9a3412;color:#fff;border:2px solid #7c2d12;font-weight:700;font-size:15px;min-height:46px;padding:10px 16px;box-shadow:0 2px 5px #7c2d1226;white-space:normal;text-align:center}
#board-share-banner #board-publish-latest:hover{background:#7c2d12;border-color:#7c2d12}
#board-share-banner #board-publish-latest:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
@media(max-width:760px){#board-share-banner.has-unpublished{gap:8px;padding:12px}#board-share-banner.has-unpublished>span{flex-basis:100%;font-size:12px}#board-share-banner #board-publish-latest{order:-1;flex-basis:100%;width:100%}#board-share-banner.has-unpublished #board-share-refresh{margin-left:auto}}
#board-share-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;flex:none}#board-share-banner span{flex:1;min-width:200px}#board-publish-latest{background:#286454;color:#fff}#board-share-refresh{font-size:12px}#board-share-mode{width:100%;margin-top:8px}#board-share-mode-hint{font-size:14px;color:#555;line-height:1.6}#board-share-audience input{margin:0;flex:none}#board-share-dialog #board-share-confirm{background:#286454;color:#fff}#board-share-dialog p{overflow-wrap:anywhere}
.board-scroll{overflow:auto;max-height:650px;border:1px solid #ccc;background:#eee}.board-stage{position:relative;background:#f6f4ed;transform-origin:0 0}.board-object{position:absolute;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.board-object img{width:100%;height:100%;object-fit:contain}.board-object.text,.board-object.link{padding:12px;background:#fff6d8;border:1px solid #cbbf9d}.board-object .caption{position:absolute;bottom:0;background:#ffffffe6;width:100%;padding:4px;color:#333}.board-object.shape{overflow:visible}.board-object .basic-shape{border-color:var(--ink)}.board-base{position:absolute;object-fit:contain}.board-controls{display:flex;gap:12px;align-items:center;margin:12px 0}.board-controls input{width:170px}.board-object svg{width:100%;height:100%;overflow:visible}.board-object.arrow{overflow:visible}.board-object .artwork{width:100%;height:100%}
.board-scroll>div{position:relative}.board-stage{position:absolute}.board-controls{flex-wrap:wrap}
/* Owner publishing controls share the menu row, not a separate canvas banner. */
.board-studio>header{gap:10px}
.board-studio>header>.toolbar{flex-shrink:0}
.board-studio>header #board-share-banner{flex:1 1 0;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:#f8faf9}
.board-studio>header #board-share-banner.has-unpublished{background:#fff1d6;border-color:#b45309;box-shadow:inset 3px 0 #b45309}
.board-studio>header #board-share-summary{flex:1 1 80px;min-width:0;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.board-studio>header #board-share-banner button{flex:none;white-space:nowrap;font-size:12px;min-height:38px;padding:7px 9px;margin:0}
.board-studio>header #board-share-banner #board-publish-latest{min-height:38px;box-shadow:none;white-space:nowrap;font-size:12px;padding:7px 9px}
.board-studio>header .account-button{margin-left:0;flex-shrink:0}
.board-studio>header #sync-lamp{flex-shrink:0}
@media(min-width:761px) and (max-width:1750px){.board-studio>header #save-status{display:none}.board-studio>header .account-button{max-width:160px}}
@media(min-width:761px) and (max-width:1300px){.board-studio>header{gap:6px;padding-left:12px;padding-right:12px}.board-studio>header .studio-home{display:none}.board-studio>header h1{font-size:14px}.board-studio>header .toolbar{margin-left:0;gap:4px}.board-studio>header #boards{width:130px}.board-studio>header .toolbar button,.board-studio>header .board-menu>summary{font-size:12px;padding:7px}.board-studio>header .account-button{max-width:110px}.board-studio>header #board-share-banner{gap:5px}}
@media(min-width:761px) and (max-width:1050px){.board-studio>header{height:auto;min-height:76px;flex-wrap:wrap}.board-studio>header #board-share-banner{order:5;flex-basis:100%}.board-studio>header .account-button{margin-left:auto}}
@media(max-width:760px){
 .board-studio>header{height:auto;grid-template-rows:34px 38px auto 20px;align-content:start}
 .board-studio>header .toolbar{gap:4px;width:100%}
 .board-studio>header .toolbar>label{flex:1;min-width:0}
 .board-studio>header #boards{width:100%;max-width:none;min-width:0}
 .board-studio>header .toolbar button,.board-studio>header .board-menu>summary{font-size:12px;padding:7px 6px;white-space:nowrap}
 .board-studio>header .account-button{max-width:140px}
 .board-studio>header #board-share-banner{grid-column:1/-1;grid-row:3;flex-wrap:wrap;gap:5px;padding:6px 8px}
 .board-studio>header #board-share-summary{flex-basis:100%;font-size:11px;display:block;white-space:normal}
 .board-studio>header #board-share-banner #board-publish-latest{order:0;flex:1 1 auto;width:auto;min-height:44px}
 .board-studio>header #board-share-banner #board-share-refresh{min-height:44px;margin-left:auto}
 .board-studio>header #sync-lamp{grid-column:1;grid-row:4;min-height:20px;padding:0 6px;justify-self:start;max-width:100%}
 .board-studio>header #save-status{grid-column:2/-1;grid-row:4;min-width:0;max-width:100%;font-size:10px}
}