.mg-tablet-bar,.mg-tablet-panelhead{display:none;}
html.mg-tablet-page,html.mg-tablet-page body{height:100%;min-height:0!important;overflow:hidden!important;}
html.mg-tablet-page .mg.mg-tablet{width:100%!important;max-width:none!important;margin:0!important;height:var(--tablet-height,100dvh)!important;min-height:0!important;flex:0 0 auto!important;overflow:hidden;}
.mg-tablet .kkx-strip{display:none!important;}
.mg-tablet .mg-topbar{min-height:44px;padding:10px 20px;}
.mg-tablet .mg-topbar-menu{left:20px;min-height:40px;}
.mg-tablet .mg-tablet-bar{display:flex;align-items:center;gap:8px;flex:none;padding:4px 20px;background:var(--paper-soft);border-bottom:1px solid var(--line);z-index:12;}
.mg-tablet-title{font-family:var(--serif,'Viaoda Libre',serif);font-size:27px;font-weight:400;margin-right:auto;}
.mg-tablet .mg-tablet-bar button,.mg-tablet .mg-tablet-panelhead button{font:400 14px var(--mono);color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 16px;min-height:44px;cursor:pointer;}
.mg-tablet .mg-tablet-bar button[aria-expanded=true]{background:var(--cta);color:var(--paper-soft);border-color:var(--cta);}
.mg-tablet .mg-tablet-bar button:disabled{opacity:.4;}
.mg-tablet .mg-tablet-undo{margin-left:8px;}
.mg-tablet .mg-shell{display:flex;flex-direction:row;flex:1 1 0!important;height:0!important;min-height:0!important;overflow:hidden;}
.mg-tablet .mg-center{order:0;width:100%;flex:1 1 0;min-width:0;min-height:0;height:100%;overflow:hidden;padding:8px 22px;gap:6px;}
.mg-tablet .mg-stage-wrap{flex:1 1 0;min-height:0;height:0;padding:0;}
.mg-tablet .mg-stage{height:100%;min-height:0;align-items:center;}
.mg-tablet .mg-counter{flex:none;min-height:28px;padding:4px 12px;font-size:13px;}
.mg-tablet #boardsTray{flex:none;margin:0;padding:0 10px;background:transparent;border:0;}
.mg-tablet #boardsTray .mg-tray-head{min-height:38px;margin:0;}
.mg-tablet #boardsTray.is-solo .mg-tray-strip{display:none;}
.mg-tablet #boardsTray .mg-tray-strip{min-height:0!important;max-height:none;overflow-x:auto;overflow-y:hidden;}
/* Print thumbnails size independently from the resizable photo tray. */
.mg-tablet #boardsTray .mg-bt canvas{height:64px!important;width:auto!important;}
.mg-tablet #photosTray{flex:none;width:100%!important;max-width:none!important;min-width:0;margin:0;padding:4px 12px 6px;}
.mg-tablet #photosTray .mg-traygrip{display:none;}
.mg-tablet #trayBar{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;min-height:44px;}
.mg-tablet #mgTraySource{min-width:0;max-width:45%;}
.mg-tablet .mg-tray-row{margin-left:auto;gap:14px;}
.mg-tablet #trayBar button,.mg-tablet #trayBar label{min-height:40px;font-size:13px;}
.mg-tablet #trayBar .wss-photo-source-button{max-width:100%;}
.mg-tablet #trayBar .wss-photo-source-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mg-tablet #trayStrip,.mg-tablet .wss-library-strip{display:block!important;white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%!important;max-height:100px;padding:8px 5px 2px;}
.mg-tablet #trayStrip[hidden],.mg-tablet .wss-library-strip[hidden]{display:none!important;}
.mg-tablet #trayStrip .mg-tt{display:inline-block;width:auto;height:64px;aspect-ratio:var(--tt-ar,4/5);margin-right:8px;vertical-align:top;}
.mg-tablet .wss-library-family{display:inline-flex!important;width:auto!important;vertical-align:top;}
.mg-tablet .wss-library-thumb{height:64px!important;width:auto!important;aspect-ratio:var(--wss-thumb-ratio,1);}
.mg-tablet .mg-tray-whisper:empty{display:none;}
.mg-tablet .mg-rail,.mg-tablet .mg-dock,.mg-tablet.is-dock-closed .mg-dock{display:none!important;}
.mg-tablet .mg-dock-handle,.mg-tablet .mg-dock-close{display:none!important;}
.mg-tablet[data-tablet-panel=frame] .mg-rail{display:flex!important;}
.mg-tablet[data-tablet-panel]:not([data-tablet-panel='']):not([data-tablet-panel=frame]) .mg-dock{display:block!important;}
/* v639: Shift+H owns the visible chrome even when Focused has a panel selected. */
.mg.mg-tablet.is-focusmode[data-tablet-panel] .mg-rail,.mg.mg-tablet.is-focusmode[data-tablet-panel] .mg-dock{display:none!important;}
.mg-tablet .mg-rail,.mg-tablet .mg-dock{position:absolute!important;inset:0 0 0 auto!important;order:0;z-index:11;width:350px!important;max-width:100%;height:100%!important;max-height:none;overflow-y:auto!important;border:0;border-left:1px solid var(--line);background:var(--paper-soft);box-shadow:none;}
.mg-tablet .mg-rail{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;padding:16px 18px;}
.mg-tablet .mg-rail .mg-brand{display:none;}
.mg-tablet .mg-rail-nav{display:flex;flex-direction:column;gap:4px;width:100%;margin:0;}
.mg-tablet .mg-rail-panewrap{flex:0 0 auto;min-height:0;overflow:visible;}
.mg-tablet .mg-rail-tabs,.mg-tablet .mg-sendwrap,.mg-tablet .mg-savelib,.mg-tablet .mg-cta{flex:0 0 auto;width:100%;}
.mg-tablet .mg-dock-scroll{min-height:0;padding:16px 18px 28px;}
.mg-tablet .mg-dock-title{display:none;}
.mg-tablet .mg-tablet-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex:none;}
.mg-tablet .mg-tablet-panelhead>span{font-family:var(--serif,'Viaoda Libre',serif);font-size:28px;font-weight:400;}
.mg-tablet .mg-dock-tabs{margin:0;padding:0;box-shadow:none;}
.mg-tablet .mg-dock-tab,.mg-tablet .mg-rail-tab{min-height:44px;font-size:14px;}
.mg-tablet .mg-pane-wrap{margin:0;border-left:0;border-right:0;}
.mg-tablet .mg-field>label,.mg-tablet .mg-chip-grouplabel,.mg-tablet .mg-cal-field>label{font-size:16px;}
.mg-tablet .mg-step,.mg-tablet .mg-seg-btn,.mg-tablet .mg-nav-btn,.mg-tablet .mg-nav-link{min-height:44px;}
.mg-tablet .mg-footbar{padding:4px 12px;min-height:22px;}
/* v639: keep the side-panel composition while there is room for a useful
   preview. The former 1000/999 switch collapsed a 270x338 preview to 66x83
   in one pixel. Only genuinely narrow windows stack the existing panel. */
@media(min-width:721px){.mg-tablet[data-tablet-panel]:not([data-tablet-panel='']) .mg-center{margin-right:350px;}}
@media(max-width:720px){
 .mg-tablet[data-tablet-panel]:not([data-tablet-panel='']) .mg-center{padding-bottom:calc(min(44dvh,440px) + 10px);}
 .mg-tablet .mg-rail,.mg-tablet .mg-dock{inset:auto 0 0!important;width:100%!important;height:min(44dvh,440px)!important;border-left:0;border-top:1px solid var(--line);}
 .mg-tablet .mg-rail{display:none;}
 .mg-tablet .mg-tablet-panelhead{position:sticky;top:-16px;z-index:6;background:var(--paper-soft);padding:8px 0;margin-bottom:8px;}
}
@media(max-width:600px){
 .mg-tablet .mg-tablet-title{display:none;}
 .mg-tablet .mg-tablet-bar{padding:6px 8px;gap:4px;}
 .mg-tablet .mg-tablet-bar button{padding:8px;font-size:13px;flex:1;}
 .mg-tablet .mg-tablet-undo{margin-left:0;}
 .mg-tablet .mg-center{padding:8px;gap:4px;}
 .mg-tablet .mg-tray-row{flex-basis:100%;justify-content:flex-end;}
}
.mg-tablet .mg-dock-head{display:none;}
.mg-tablet .mg-tablet-panelhead>span{font:400 18px var(--mono);text-transform:uppercase;letter-spacing:.04em;}
.mg-tablet .mg-tablet-tray-menu{position:relative;}
.mg-tablet .mg-tablet-tray-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--line);min-width:42px;min-height:40px;display:flex;align-items:center;justify-content:center;font:400 20px var(--mono);}
.mg-tablet .mg-tablet-tray-menu>summary::-webkit-details-marker{display:none;}
.mg-tablet .mg-tablet-tray-menu>div{position:absolute;bottom:calc(100% + 8px);right:0;min-width:190px;padding:12px;background:var(--paper-soft);border:1px solid var(--line);z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:10px;}
.mg-tablet .mg-tablet-tray-menu>div button{width:100%;text-align:left;}

.mg-tablet #kkDock{width:100%;margin:0;flex:none;}
.mg-tablet #trayWhisper:not(.is-show){display:none;}

.mg-tablet .mg-mtitle{display:none!important;}
@media(max-width:999px){
 .mg-tablet[data-tablet-panel]:not([data-tablet-panel='']) #photosTray{display:none!important;}
}
@media(max-width:720px){
 .mg-tablet[data-tablet-panel]:not([data-tablet-panel='']) .mg-center{padding-bottom:calc(min(40dvh,400px) + 10px);}
 .mg-tablet .mg-rail,.mg-tablet .mg-dock{height:min(40dvh,400px)!important;}
}

.mg-tablet.mg-tablet-editing #photosTray{display:none!important;}

/* Keep type proportional when opening a panel or turning the iPad. */
.mg-tablet .mg-board{font-size:calc(var(--board-w,420px) * 0.04047619);}

.mg-tablet .mg-wss-panel .kkx-strip{display:flex!important;flex-direction:column;align-items:stretch;border:0;margin:20px 0;padding:0;gap:0;}
.mg-tablet .mg-wss-panel .kkx-tab{min-height:44px;text-align:left;justify-content:flex-start;font:400 14px var(--mono);padding:12px 0;border:0;border-bottom:1px solid var(--line);}

.mg-tablet .mg-wss-panel{overflow-y:auto;}
.mg-tablet .mg-wss-panel .kkx-strip{position:static;height:auto;min-height:0;max-height:none;overflow:visible;justify-content:flex-start;}
.mg-tablet .mg-wss-panel .kkx-tab{flex:0 0 auto;}

/* v561: the workspace-wide board type rule stays out of Frame's Open; .mg-tablet carries it in Focused. */

html.mg-tablet-page,html.mg-tablet-page body,html.mg-tablet-page .mg.mg-tablet{overflow:clip!important;}

/* Photo shelf: move the existing tray so selection and Library stay shared. */
.mg-tablet[data-photo-shelf=hidden] #photosTray{display:none!important;}
.mg-tablet[data-photo-shelf=left] #photosTray{order:-1;flex:0 0 var(--photo-shelf-width,184px);width:var(--photo-shelf-width,184px)!important;height:100%;display:flex;flex-direction:column;padding:10px;border:0;border-right:1px solid var(--line);overflow:visible;position:relative;z-index:10;}
.mg-tablet[data-photo-shelf=left] #trayBar{display:grid;grid-template-columns:1fr 42px;gap:8px;flex:none;}
.mg-tablet[data-photo-shelf=left] #trayToggle{grid-column:1;grid-row:1;text-align:left;}
.mg-tablet[data-photo-shelf=left] .mg-tray-row{display:contents;}
.mg-tablet[data-photo-shelf=left] .mg-tablet-tray-menu{grid-column:2;grid-row:1;}
.mg-tablet[data-photo-shelf=left] #mgTraySource{grid-column:1/-1;grid-row:2;max-width:100%;}
.mg-tablet[data-photo-shelf=left] #mgTraySource>button{width:100%;}
.mg-tablet[data-photo-shelf=left] .mg-tray-add{grid-column:1/-1;grid-row:3;justify-content:center;width:100%;font-size:14px!important;}
.mg-tablet[data-photo-shelf=left] .mg-tablet-tray-menu>div{top:calc(100% + 8px);bottom:auto;left:0;right:auto;}
.mg-tablet[data-photo-shelf=left] #trayStrip,.mg-tablet[data-photo-shelf=left] .wss-library-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;white-space:normal;overflow-x:hidden;overflow-y:auto;max-height:none;flex:1;min-height:0;padding:12px 2px;}
.mg-tablet[data-photo-shelf=left] #trayStrip[hidden],.mg-tablet[data-photo-shelf=left] .wss-library-strip[hidden]{display:none!important;}
.mg-tablet[data-photo-shelf=left] #trayStrip .mg-tt{display:block;width:100%;height:auto;min-height:0;margin:0;}
.mg-tablet[data-photo-shelf=left] .mg-tray-empty{grid-column:1/-1;white-space:normal;font-size:13px;}
.mg-tablet[data-photo-shelf=left] .wss-library-family{display:flex!important;flex-direction:column;width:100%!important;min-width:0;}
.mg-tablet[data-photo-shelf=left] .wss-library-thumb{width:100%!important;height:auto!important;min-height:0;}
.mg-tablet[data-photo-shelf=left] #trayStrip .mg-tt[data-pid],.mg-tablet[data-photo-shelf=left] .wss-library-thumb[data-wss-library-item-id]{touch-action:pan-y;}
.mg-tablet[data-photo-shelf=left] #trayWhisper,.mg-tablet[data-photo-shelf=left] #mgLibraryTrayStatus{font-size:13px;white-space:normal;}

/* Workspace choices use the Studio menu and photo-source menu vocabulary. */
.mg-workspace-menu{margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mg-workspace-menu h2,.mg-menu-heading{display:block;margin:0 0 8px;font:400 16px var(--mono);color:var(--ink);}
.mg-workspace-menu button{min-height:44px;font:400 15px var(--mono);position:relative;padding-right:28px;}
.mg-workspace-menu button[aria-checked=true]::after,.mg-photo-position-options button[aria-pressed=true]::after{content:'•';position:absolute;right:12px;}
.mg-tablet .mg-topbar-logo{max-width:min(280px,calc(100vw - 120px));}
.mg-tablet .mg-tablet-bar{gap:6px;}
.mg-tablet .mg-tablet-bar button{border:0;border-bottom:2px solid transparent;padding:9px 14px;background:transparent;}
/* Focused panels share Frame's square paper-tab treatment. Inset selection
   leaves the header and artwork geometry unchanged. */
.mg-tablet .mg-tablet-bar button[data-tablet-panel]{
 position:relative;flex:0 0 auto;height:44px;min-height:44px;
 border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--muted);
 padding:9px 14px;font:400 14px var(--mono);line-height:1.2;letter-spacing:.02em;
 text-transform:uppercase;white-space:nowrap;box-shadow:none;
 transition:background 140ms ease,color 140ms ease;
}
.mg-tablet .mg-tablet-bar button[data-tablet-panel]+button[data-tablet-panel]{margin-left:-7px;}
.mg-tablet .mg-tablet-bar button[data-tablet-panel]:hover{background:var(--paper-soft);color:var(--ink);}
.mg-tablet .mg-tablet-bar button[data-tablet-panel][aria-expanded=true]{
 background:var(--paper-soft);color:var(--ink);border-color:var(--line);
 box-shadow:inset 0 2px 0 var(--cta);z-index:1;
}
.mg-tablet .mg-tablet-bar button[data-tablet-panel]:focus-visible{outline:2px solid var(--cta);outline-offset:-4px;z-index:2;}
@media(max-width:600px){.mg-tablet .mg-tablet-bar button[data-tablet-panel]{padding:8px;}}
.mg-tablet .mg-show-photos{margin-right:12px;border:1px solid var(--line)!important;}
.mg-tablet .mg-show-photos[hidden]{display:none!important;}
.mg-tablet .mg-tablet-panelhead[hidden]{display:none!important;}
.mg-tablet .mg-dock-tabs{display:flex;align-items:stretch;}
.mg-tablet .mg-dock-tabs .mg-dock-tab{flex:1;min-width:0;padding:10px 6px;}
.mg-tablet .mg-dock-tabs>button[aria-label='Close editing panel']{flex:0 0 40px;width:40px;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:400 23px var(--mono);cursor:pointer;}
.mg-tablet .mg-tablet-tray-menu>summary{border:0;border-bottom:1px solid var(--line);min-width:32px;font-size:20px;}
.mg-tablet .mg-tablet-tray-menu>div{padding:5px;gap:0;min-width:202px;box-shadow:0 10px 24px rgba(61,61,57,.12);}
.mg-tablet .mg-menu-heading{padding:9px 8px 4px;font-size:14px;}
.mg-tablet .mg-photo-position-options{padding-bottom:5px;border-bottom:1px solid var(--line);margin-bottom:5px;}
.mg-tablet .mg-photo-position-options button,.mg-tablet .mg-tablet-tray-menu>div>button,.mg-tablet .mg-tablet-tray-menu #mgClearWrap>button{position:relative;border:0;min-height:40px;border-radius:0;background:transparent;padding:8px;font:400 14px var(--mono);text-align:left;}
.mg-tablet .mg-photo-position-options button:disabled{opacity:.4;cursor:default;}
.mg-tablet .mg-photo-position-options button:hover:not(:disabled),.mg-tablet .mg-tablet-tray-menu>div>button:hover{background:rgba(255,255,255,.5);}
.mg-tablet .mg-print-status{font:400 13px var(--mono);margin-left:12px;color:var(--ink);white-space:nowrap;}
.mg-print-status{display:none;}
.mg-tablet .mg-print-status{display:inline;}
.mg-tablet .mg-print-status.is-added{border-bottom:1px solid var(--cta);padding-bottom:3px;}
.mg-tablet .mg-board.mg-entering{outline:2px solid var(--cta);outline-offset:-2px;}
.mg-tablet #photosTray.is-collapsed .mg-tray-strip,.mg-tablet #photosTray.is-collapsed .mg-tray-whisper{display:none!important;}
@media(max-width:600px){.mg-tablet .mg-tablet-bar button{padding:8px 6px;font-size:13px;}.mg-tablet .mg-print-status{margin-left:8px;font-size:13px;}}

.mg-print-group{display:contents;}
.mg-tablet .mg-print-group{display:flex;align-items:center;min-width:0;gap:8px;}
.mg-tablet .mg-print-group .mg-print-status{margin-left:0;}



/* Solid paper keeps all print controls and metadata off the working grid. */
.mg-print-tray{display:none;}
.mg-tablet .mg-print-tray{display:flex;flex-direction:column;flex:none;width:100%;min-width:0;max-width:100%;background:transparent;border:0;padding:0;}
.mg-tablet .mg-print-tray #boardsTray{width:100%;padding:4px 12px 5px;background:var(--paper-soft);border:1px solid var(--line);}
.mg-tablet .mg-print-tray #boardsTray .mg-tray-head{min-height:40px;}
/* Reserve the same editing row for print details and contextual controls.
   Selection must not resize the stage or move the print. */
.mg-tablet .mg-print-tray #kkDock{height:44px;min-height:44px;margin:10px 0 0;max-width:100%;flex:none;}
.mg-tablet .mg-print-tray #counter{line-height:1.35;white-space:normal;text-align:center;}
.mg-tablet .mg-print-tray #boardStrip{padding-bottom:8px;}
.mg-tablet .mg-print-tray #boardsTray:not(.is-solo):not(.is-collapsed){padding-bottom:2px;}
@media(max-width:600px){.mg-tablet .mg-print-tray #boardsTray{padding:0 8px;}}

/* Bound every Library family layer to its shelf column. Original image dimensions
   must not set the width of an intrinsic inline-flex wrapper. */
.mg-tablet[data-photo-shelf=left] .wss-library-family{margin-right:0;}
.mg-tablet[data-photo-shelf=left] .wss-library-family-items{display:flex;flex-direction:column;width:100%;min-width:0;gap:8px;}
.mg-tablet[data-photo-shelf=left] .wss-library-version,.mg-tablet[data-photo-shelf=left] .wss-library-thumb-shell{width:100%;max-width:100%;min-width:0;}

/* Focused uses the main navigation as the panel's single visible owner. */
.mg-tablet .mg-dock-tabs,.mg-tablet .mg-tablet-panelhead{display:none!important;}
.mg-tablet .mg-dock-scroll{padding-top:18px;}
.mg-tablet .mg-pane-wrap{border-top:0;padding-top:0;}
.mg-tablet .mg-rail{padding-top:18px;}
.mg-tablet .mg-tablet-bar .mg-tablet-panel-close{flex:0 0 40px;min-width:40px;padding:0;margin-left:4px;font:400 23px var(--mono);border:0;}
.mg-tablet .mg-tablet-bar .mg-tablet-panel-close:disabled{visibility:hidden;}
@media(max-width:600px){
 .mg-tablet .mg-tablet-bar{overflow-x:auto;scrollbar-width:none;}
 .mg-tablet .mg-tablet-bar button{flex:0 0 auto;white-space:nowrap;}
 .mg-tablet .mg-tablet-bar::-webkit-scrollbar{display:none;}
}

.mg-tablet #paneCalendar>.mg-chip-grouplabel:first-child{display:none;}

/* History is a compact print control, separate from the workspace navigation. */
.mg-history-icon{display:none;}
.mg-history{width:100%;}
.mg-tablet .mg-rail-foot #mgUndoLink{order:0;}
.mg-tablet #boardsTray{container-type:inline-size;}
.mg-tablet #boardsTray .mg-tray-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;}
.mg-tablet #boardsTray .mg-print-controls{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0;}
.mg-tablet #boardsTray #addBoard{grid-column:2!important;grid-row:1;justify-self:center;min-height:40px;}
.mg-tablet #boardsTray .mg-tray-right{grid-column:3;grid-row:1;justify-self:end;}
.mg-tablet #boardsTray .mg-history{display:flex;flex:none;width:auto;border:1px solid var(--line);}
.mg-tablet .mg-history .mg-history-label{display:none;}
.mg-tablet .mg-history .mg-history-icon{display:block;font:400 23px var(--mono);line-height:1;}
.mg-tablet .mg-history button{display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;min-height:40px;margin:0;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;}
.mg-tablet .mg-history button+button{border-left:1px solid var(--line);}
.mg-tablet .mg-history button:disabled{opacity:.3;cursor:default;}
.mg-tablet .mg-history button:hover:not(:disabled){background:rgba(255,255,255,.5);}
@container(max-width:760px){
 .mg-tablet #boardsTray .mg-tray-head{grid-template-columns:minmax(0,1fr) auto;}
 .mg-tablet #boardsTray .mg-tray-right{grid-column:1/-1;grid-row:2;justify-self:end;}
 .mg-tablet #boardsTray .mg-tray-right:not(:has(button:not([hidden]))){display:none;}
}
/* A quiet edge handle; the grab area stays wider than the visible line. */
.mg-photo-resize{display:none;}
.mg-tablet[data-photo-shelf=left] .mg-photo-resize{display:block;position:absolute;top:0;bottom:0;right:-7px;width:14px;z-index:4;cursor:col-resize;touch-action:none;user-select:none;}
.mg-tablet .mg-photo-resize::after{content:'';position:absolute;left:5px;top:calc(50% - 22px);width:3px;height:44px;border-radius:2px;background:var(--ink-quiet);opacity:.45;}
.mg-tablet .mg-photo-resize:hover::after,.mg-tablet .mg-photo-resize:focus-visible::after,.mg-resizing-photos .mg-photo-resize::after{opacity:1;background:var(--cta);}
.mg-tablet .mg-photo-resize:focus-visible{outline:1px solid var(--cta);outline-offset:0;}
.mg-resizing-photos,.mg-resizing-photos *{cursor:col-resize!important;user-select:none!important;}
@media(any-pointer:coarse){.mg-tablet[data-photo-shelf=left] .mg-photo-resize{width:24px;right:-12px;}.mg-tablet .mg-photo-resize::after{left:10px;}}
/* The Library picker follows its left-rail trigger, opening into the workspace. */
.mg-tablet[data-photo-shelf=left] #mgTraySource{margin-left:0;margin-right:0;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source{width:100%;min-width:0;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-button{display:flex;align-items:center;width:100%;min-width:0;text-align:left;position:relative;font-size:14px;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-menu{top:calc(100% + 6px);bottom:auto;left:0;width:260px;max-width:calc(100vw - 32px);font-size:14px;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-collections{max-height:min(216px,calc(100dvh - 390px));min-height:0;}

.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-collections button{white-space:normal;overflow-wrap:anywhere;}

.mg-tablet #boardsTray #addBoard{width:auto;}
.mg-history-icon svg{display:block;width:20px;height:20px;}

/* v535: quiet, consistent tray scrollbars under both macOS visibility settings.
   Standard scrollbar properties override WebKit sizing in current Chromium. */
html.mg-hosted .mg-tablet :is(#trayStrip,.wss-library-strip,#boardStrip){scrollbar-width:auto;scrollbar-color:auto;}
html.mg-hosted .mg-tablet :is(#trayStrip,.wss-library-strip,#boardStrip)::-webkit-scrollbar{width:8px;height:8px;}
html.mg-hosted .mg-tablet :is(#trayStrip,.wss-library-strip,#boardStrip)::-webkit-scrollbar-track{background:transparent;}
html.mg-hosted .mg-tablet :is(#trayStrip,.wss-library-strip,#boardStrip)::-webkit-scrollbar-thumb{background:rgba(85,84,76,.35);border:2px solid var(--paper-soft);border-radius:4px;}
html.mg-hosted .mg-tablet :is(#trayStrip,.wss-library-strip,#boardStrip)::-webkit-scrollbar-thumb:hover{background:rgba(85,84,76,.55);}
.mg-tablet #trayStrip>.mg-tray-empty{display:none;}

/* v563 (Kim, 2026-09-13): the tray's own menu sits above the collection picker (z-index 1200) and, on the left shelf, opens inward. */
.mg-tablet .mg-tablet-tray-menu>div{z-index:1201;}
.mg-tablet[data-photo-shelf=left] .mg-tablet-tray-menu>div{left:auto;right:0;width:calc(var(--photo-shelf-width,184px) - 22px);min-width:0;}
/* v563 (Kim): PHOTOS collapses a Library strip too; the left-shelf grid rule no longer outranks the shared collapse rule. */
.mg-tablet #photosTray.is-collapsed .wss-library-strip,.mg-tablet #photosTray.is-collapsed .wss-library-status{display:none!important;}

/* v571: the collection takes the remaining room beside the existing Edit action. */
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source{flex:1 1 0;max-width:none;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-button{max-width:none;}
.mg-tablet[data-photo-shelf=left] #mgTraySource>.wss-edit-action{width:auto;}

/* v572: keep long collection names readable in the Focus rail. */
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-button{height:auto;min-height:40px;}
.mg-tablet[data-photo-shelf=left] #mgTraySource .wss-photo-source-button span:first-child{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;}