/* Postcard's Focused workspace follows Frame's paper tabs, one-panel layout,
   photo shelf and Studio menu. All rules are scoped so Open keeps its layout. */
.pc-workspace-bar,.pc-workspace-panelhead,.pc-workspace-photo-menu,.pc-workspace-photo-grip,.pc-workspace-show-photos{display:none;}
.pc-workspace-menu{margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.pc-workspace-menu h2{display:block;margin:0 0 8px;font:400 16px var(--mono);color:var(--ink);}
.pc-workspace-menu button{position:relative;display:block;width:100%;min-height:44px;padding:8px 28px 8px 0;border:0;background:transparent;color:var(--ink);font:400 15px var(--mono);text-align:left;cursor:pointer;}
.pc-workspace-menu button[aria-checked=true]::after{content:'•';position:absolute;right:12px;}
.pc-workspace-menu button:focus-visible{outline:2px solid var(--cta);outline-offset:2px;}

.pc[data-workspace=focused]{height:100svh;min-height:0;overflow:hidden;}
.pc[data-workspace=focused] .kkx-strip{display:none!important;}
.pc[data-workspace=focused] .pc-wss-panel .kkx-strip{display:flex!important;position:static;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;margin:20px 0;padding:0;border:0;gap:0;overflow:visible;}
.pc[data-workspace=focused] .pc-wss-panel .kkx-tab{flex:0 0 auto;min-height:44px;padding:12px 0;border:0;border-bottom:1px solid var(--line);font:400 14px var(--mono);text-align:left;justify-content:flex-start;}
.pc[data-workspace=focused] .pc-workspace-bar{position:relative;z-index:12;display:flex;align-items:center;gap:6px;flex:none;min-height:53px;padding:4px 20px;background:var(--paper-soft);border-bottom:1px solid var(--line);}
.pc-workspace-title{margin-right:auto;font:400 27px var(--serif);white-space:nowrap;}
.pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel]{position:relative;flex:0 0 auto;height:44px;min-height:44px;margin:0;padding:9px 14px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--muted);font:400 14px var(--mono);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background 140ms ease,color 140ms ease;}
.pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel]+button[data-workspace-panel]{margin-left:-7px;}
.pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel]:hover{background:var(--paper-soft);color:var(--ink);}
.pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel][aria-expanded=true]{z-index:1;background:var(--paper-soft);color:var(--ink);box-shadow:inset 0 2px 0 var(--cta);}
.pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel]:focus-visible{z-index:2;outline:2px solid var(--cta);outline-offset:-4px;}
.pc[data-workspace=focused] .pc-workspace-show-photos:not([hidden]){display:block;margin-left:8px;padding:9px 14px;min-height:44px;border:1px solid var(--line);background:var(--paper-soft);color:var(--ink);font:400 14px var(--mono);cursor:pointer;}
.pc[data-workspace=focused] .pc-shell{display:flex;flex-direction:row;flex:1 1 0;height:0;min-height:0;overflow:hidden;}
.pc[data-workspace=focused] .pc-center{order:0;flex:1 1 0;width:100%;min-width:0;height:100%;min-height:0;justify-content:flex-start;gap:6px;padding:8px 22px;overflow:hidden;}
.pc[data-workspace=focused] .pc-stage-wrap{flex:1 1 0;height:0;min-height:0;overflow:hidden;padding:0;}
.pc[data-workspace=focused] .pc-stage{height:100%;min-height:0;align-items:center;}
.pc[data-workspace=focused] .pc-stage--single .pc-side:not(.is-focused){position:absolute;left:-100vw;top:0;width:380px;max-width:380px;margin:0;pointer-events:none;}
.pc[data-workspace=focused] .pc-stage--single .pc-side.is-focused{flex:1 1 100%;max-width:none;}
.pc[data-workspace=focused] .pc-stage--single .pc-side-label{display:none;}
.pc[data-workspace=focused] .pc-stage--single .pc-side.is-focused .pc-board{outline:none;}
.pc[data-workspace=focused] .pc-side-toggle:not([hidden]){display:inline-flex;}
.pc[data-workspace=focused] #deckTray{flex:none;min-height:0;margin:0;padding:4px 10px;background:var(--paper-soft);}
.pc[data-workspace=focused] #deckTray .pc-tray-bar{display:flex;align-items:center;gap:12px;min-height:40px;margin:0;}
.pc[data-workspace=focused] #deckTray .pc-deck-right{margin-left:auto;}
.pc[data-workspace=focused] #deckTray .pc-tray-strip{max-height:100px;overflow-x:auto;overflow-y:hidden;}
.pc[data-workspace=focused] #deckTray.is-collapsed .pc-tray-strip{display:none;}
.pc[data-workspace=focused] #deckTray #pcUndoLink{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 0 10px;padding:0 6px;border:0;background:transparent;color:var(--ink);font:400 13px var(--mono);cursor:pointer;}
.pc[data-workspace=focused] #deckTray #pcUndoLink:disabled{opacity:.4;cursor:default;}
.pc[data-workspace=focused] .pc-center>.kk-dock{flex:none;width:100%;margin:0;}
.pc[data-workspace=focused] #photosTray{flex:none;width:100%;min-width:0;max-width:none;margin:0;padding:4px 12px 6px;}
.pc[data-workspace=focused] #photosTray .pc-traygrip{display:none;}
.pc[data-workspace=focused] #photosTray .pc-tray-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;min-height:40px;}
.pc[data-workspace=focused] #photosTray .pc-tray-row{margin-left:auto;}
.pc[data-workspace=focused] #photosTray .pc-tray-add{min-height:40px;}
.pc[data-workspace=focused] #photosTray .pc-tray-strip,
.pc[data-workspace=focused] #photosTray .wss-library-strip{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;max-height:100px;padding:8px 5px 2px;}
.pc[data-workspace=focused] #photosTray .pc-tt{display:inline-block;width:auto;height:64px;aspect-ratio:var(--tt-ar,3/4);margin-right:8px;vertical-align:top;}
.pc[data-workspace=focused] #photosTray .wss-library-family{display:inline-flex;width:auto;vertical-align:top;}
.pc[data-workspace=focused] #photosTray .wss-library-thumb{height:64px;width:auto;aspect-ratio:var(--wss-thumb-ratio,1);}
.pc[data-workspace=focused] #photosTray.is-collapsed .pc-tray-strip{display:none;}
.pc[data-workspace=focused][data-photo-shelf=hidden] #photosTray{display:none!important;}

.pc[data-workspace=focused] .pc-rail,.pc[data-workspace=focused] .pc-dock{display:none!important;}
.pc[data-workspace=focused][data-workspace-panel=card] .pc-rail,
.pc[data-workspace=focused][data-workspace-panel=save] .pc-rail{display:flex!important;}
.pc[data-workspace=focused][data-workspace-panel=front] .pc-dock,
.pc[data-workspace=focused][data-workspace-panel=back] .pc-dock,
.pc[data-workspace=focused][data-workspace-panel=export] .pc-dock,
.pc[data-workspace=focused][data-workspace-panel=tone] .pc-dock{display:block!important;}
.pc[data-workspace=focused] .pc-rail,.pc[data-workspace=focused] .pc-dock{position:absolute!important;inset:0 0 0 auto!important;z-index:11;order:0;flex:0 0 350px;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;-webkit-mask-image:none;mask-image:none;}
.pc[data-workspace=focused] .pc-rail{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;padding:16px 18px;}
.pc[data-workspace=focused] .pc-rail .pc-brand{display:none;}
.pc[data-workspace=focused] .pc-rail-panewrap{flex:0 0 auto;min-height:0;overflow:visible;}
.pc[data-workspace=focused] .pc-rail-tabs{margin:0;}
.pc[data-workspace=focused] .pc-rail-foot{display:none;}
.pc[data-workspace=focused] .pc-dock-scroll{min-height:0;padding:16px 18px 28px;}
.pc[data-workspace=focused] .pc-dock-title{display:none;}
.pc[data-workspace=focused] .pc-dock-tabs{position:static;margin:0;padding:0;box-shadow:none;-webkit-mask-image:none;mask-image:none;}
.pc[data-workspace=focused] .pc-workspace-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin-bottom:16px;}
.pc[data-workspace=focused] .pc-workspace-panelhead>span{font:400 18px var(--mono);text-transform:uppercase;letter-spacing:.04em;}
.pc[data-workspace=focused] .pc-workspace-panelhead button{flex:0 0 40px;min-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;}
.pc[data-workspace=focused] .pc-workspace-panelhead button:focus-visible{outline:2px solid var(--cta);}
.pc[data-workspace=focused][data-workspace-panel=export] .pc-dock-scroll>.pc-workspace-panelhead{display:none;}
.pc[data-workspace=focused][data-workspace-panel]:not([data-workspace-panel='']) .pc-center{margin-right:350px;}
.pc[data-workspace=focused] .pc-rail-tab,.pc[data-workspace=focused] .pc-dock-tab{min-height:44px;font-size:14px;}

.pc[data-workspace=focused] .pc-workspace-photo-menu{display:block;position:relative;margin-left:auto;}
.pc[data-workspace=focused] .pc-workspace-photo-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-width:32px;min-height:40px;padding:0;border:0;border-bottom:1px solid var(--line);font:400 20px var(--mono);cursor:pointer;}
.pc[data-workspace=focused] .pc-workspace-photo-menu>summary::-webkit-details-marker{display:none;}
.pc[data-workspace=focused] .pc-workspace-photo-menu>div{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;display:flex;flex-direction:column;min-width:202px;padding:5px;border:1px solid var(--line);background:var(--paper-soft);box-shadow:0 10px 24px rgba(61,61,57,.12);}
.pc[data-workspace=focused] .pc-workspace-menu-heading{padding:9px 8px 4px;font:400 14px var(--mono);color:var(--ink);}
.pc[data-workspace=focused] .pc-workspace-photo-menu button{position:relative;display:block;min-height:40px;padding:8px;border:0;background:transparent;color:var(--ink);font:400 14px var(--mono);text-align:left;cursor:pointer;}
.pc[data-workspace=focused] .pc-workspace-photo-menu button[aria-pressed=true]::after{content:'•';position:absolute;right:12px;}
.pc[data-workspace=focused] .pc-workspace-photo-menu button:hover{background:rgba(255,255,255,.5);}
.pc[data-workspace=focused] .pc-workspace-photo-menu button:disabled{opacity:.4;cursor:default;}
.pc[data-workspace=focused] .pc-workspace-photo-menu button[hidden]{display:none;}

.pc[data-workspace=focused][data-photo-shelf=left] #photosTray{order:-1;flex:0 0 var(--pc-photo-shelf-width,210px);width:var(--pc-photo-shelf-width,210px)!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;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-bar{display:grid;grid-template-columns:1fr 32px;gap:8px;flex:none;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosToggle{grid-column:1;grid-row:1;text-align:left;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-workspace-photo-menu{grid-column:2;grid-row:1;margin:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-row{grid-column:1/-1;grid-row:3;margin:0;display:flex;flex-wrap:wrap;width:100%;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-add{width:100%;text-align:center;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source{grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-strip,
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-strip{display:grid;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;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tt{display:block;width:100%;height:auto;min-height:0;margin:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-family{display:flex;flex-direction:column;width:100%;min-width:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-thumb{width:100%;height:auto;min-height:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-empty{grid-column:1/-1;white-space:normal;font-size:13px;}
.pc[data-workspace=focused][data-photo-shelf=left] .pc-workspace-photo-menu>div{top:calc(100% + 8px);bottom:auto;left:0;right:auto;}
.pc[data-workspace=focused][data-photo-shelf=left] .pc-workspace-photo-grip{display:block;position:absolute;top:38%;right:-4px;z-index:20;width:8px;height:25%;min-height:70px;cursor:ew-resize;touch-action:none;}
.pc[data-workspace=focused][data-photo-shelf=left] .pc-workspace-photo-grip::after{content:'';display:block;width:2px;height:100%;margin:auto;background:var(--line);}
.pc[data-workspace=focused][data-photo-shelf=left] .pc-workspace-photo-grip:hover::after{background:var(--cta);}
.pc[data-workspace=focused][data-photo-shelf=left] .pc-workspace-photo-grip:focus-visible{outline:2px solid var(--cta);}

@media(max-width:1199px){
 .pc[data-workspace=focused][data-workspace-panel]:not([data-workspace-panel='']) .pc-center{margin-right:0;padding-bottom:calc(min(40dvh,400px) + 10px);}
 .pc[data-workspace=focused][data-workspace-panel]:not([data-workspace-panel='']) #photosTray{display:none!important;}
 .pc[data-workspace=focused] .pc-rail,.pc[data-workspace=focused] .pc-dock{inset:auto 0 0!important;width:100%!important;height:min(40dvh,400px)!important;border-left:0;border-top:1px solid var(--line);}
 .pc[data-workspace=focused] .pc-workspace-panelhead{position:sticky;top:-16px;z-index:6;padding:8px 0;margin-bottom:8px;background:var(--paper-soft);}
}
@media(max-width:860px){
 .pc[data-workspace=focused] .pc-shell{flex-direction:row;height:0;}
 .pc[data-workspace=focused] .pc-center{height:100%;overflow:hidden;}
 .pc[data-workspace=focused] .pc-rail{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;padding:16px 18px;overflow-y:auto;}
 .pc[data-workspace=focused] .pc-rail-panewrap{flex:0 0 auto;overflow:visible;}
 .pc[data-workspace=focused] .pc-dock{height:min(40dvh,400px);}
}
@media(max-width:650px){
 .pc[data-workspace=focused] .pc-workspace-bar{padding:6px 8px;gap:4px;overflow-x:auto;}
 .pc[data-workspace=focused] .pc-workspace-title{display:none;}
 .pc[data-workspace=focused] .pc-workspace-bar button[data-workspace-panel]{padding:8px;font-size:13px;}
 .pc[data-workspace=focused] .pc-center{padding:8px;gap:4px;}
 .pc[data-workspace=focused] #deckTray .pc-tray-bar{display:flex;flex-wrap:wrap;gap:6px;}
}

/* === Postcard261: Frame's responsive Library shelf === */
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-source-mount{grid-column:1/-1;grid-row:2;width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source{flex:1 1 0;width:100%;min-width:0;max-width:none;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source-button{display:flex;align-items:center;width:100%;min-width:0;max-width:none;height:auto;min-height:40px;text-align:left;position:relative;font-size:14px;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source-button span:first-child{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .pc-tray-source-mount>.wss-edit-action{width:auto;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source-menu{top:calc(100% + 6px);bottom:auto;left:0;width:260px;max-width:calc(100vw - 32px);font-size:14px;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source-collections{max-height:216px;min-height:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-photo-source-collections button{white-space:normal;overflow-wrap:anywhere;}
/* Bound every Library family layer to its shelf column, as in Frame. */
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-family{margin-right:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-family-items{display:flex;flex-direction:column;width:100%;min-width:0;gap:8px;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-version,.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-thumb-shell{width:100%;max-width:100%;min-width:0;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray .wss-library-version-label{max-width:100%;box-sizing:border-box;}
.pc[data-workspace=focused][data-photo-shelf=left] #photosTray.is-collapsed .pc-tray-strip{display:none;}
/* === End Postcard261 responsive Library shelf === */

/* Postcard262: Frame Focused tray scrollbar geometry, with Postcard colours. */
html.pc-hosted .pc[data-workspace=focused] #photosTray :is(.pc-tray-strip,.wss-library-strip){scrollbar-width:auto;scrollbar-color:auto;}
html.pc-hosted .pc[data-workspace=focused] #photosTray :is(.pc-tray-strip,.wss-library-strip)::-webkit-scrollbar{width:8px;height:8px;}
html.pc-hosted .pc[data-workspace=focused] #photosTray :is(.pc-tray-strip,.wss-library-strip)::-webkit-scrollbar-track{background:transparent;}
html.pc-hosted .pc[data-workspace=focused] #photosTray :is(.pc-tray-strip,.wss-library-strip)::-webkit-scrollbar-thumb{background:rgba(158,131,120,.35);border:2px solid var(--paper-soft);border-radius:4px;}
html.pc-hosted .pc[data-workspace=focused] #photosTray :is(.pc-tray-strip,.wss-library-strip)::-webkit-scrollbar-thumb:hover{background:rgba(158,131,120,.55);}