/* Generator inline studio: inline library and persistent upload/preview. */
#portrait-workbench{margin-top:0;padding:36px 0 48px;scroll-margin-top:90px}
#portrait-workbench>.wrap{width:100%;max-width:1420px;padding:0 28px}
#portrait-workbench .wb-shell{height:820px;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#portrait-workbench .wb-stage{height:100%;min-height:0;padding:28px}
#portrait-workbench .wb-stagebar h3{font-size:28px;line-height:1.15}
#portrait-workbench .wb-stagebar p{font-size:13px}
#portrait-workbench .wb-views{flex-shrink:0;display:flex}
#portrait-workbench .wb-view{cursor:pointer}
#portrait-workbench .wb-upload{flex:0 0 auto;margin-top:18px}
#portrait-workbench .wb-file{min-height:0;height:142px;padding:14px;display:flex;justify-content:center;gap:20px}
#portrait-workbench .wb-file svg{width:26px;height:26px}
#portrait-workbench .wb-file b{font:500 18px var(--serif);margin:5px 0}
#portrait-workbench .wb-file small{font-size:11px}
#portrait-workbench .wb-file:after{display:none}
#portrait-workbench .wb-file.has-photo{height:76px;display:grid;grid-template-columns:58px 1fr;padding:8px}
#portrait-workbench .wb-file.has-photo img{width:58px;height:58px}
#portrait-workbench .wb-sample{font-size:12px;margin-top:8px}
#portrait-workbench .wb-upload-meta{margin-top:6px}
#portrait-workbench .wb-canvas{display:grid;min-height:0;flex:1;padding:16px;margin-top:16px}
#portrait-workbench .wb-frame{height:100%;max-height:100%;width:min(370px,95%);grid-template-rows:minmax(0,1fr) 30px;padding:10px}
#portrait-workbench .wb-frame:not([style*="none"]){display:grid!important}
#portrait-workbench .wb-frame img{background:white;object-fit:contain}
#portrait-workbench .wb-frame figcaption{font-size:11px;text-align:center}
#portrait-workbench .wb-stagefoot{margin-top:12px}
#portrait-workbench .wb-panel{height:100%;min-height:0;overflow:hidden}
#portrait-workbench .panel-head{padding:24px 24px 14px}
#portrait-workbench .panel-title h2{font-size:28px}
#portrait-workbench .panel-count{font-size:11px;white-space:nowrap}
#portrait-workbench .style-search{margin-top:12px}
#portrait-workbench .wb-categories{padding:12px 24px}
#portrait-workbench .wb-cats{display:flex;flex-wrap:wrap;gap:6px}
#portrait-workbench .wb-cat{padding:6px 11px;font-size:11px;font-weight:500;cursor:pointer}
#portrait-workbench .wb-library{flex:1;min-height:0;overflow-y:auto;padding:16px 24px;scrollbar-width:thin}
#portrait-workbench .wb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#portrait-workbench .wb-style{display:flex;flex-direction:column;justify-content:flex-start;padding:6px;border-radius:10px;cursor:pointer}
#portrait-workbench .wb-style.on{padding:5px}
#portrait-workbench .wb-style img{aspect-ratio:1/1;object-fit:contain;background:white;display:block}
#portrait-workbench .wb-style strong{font:500 14px/1.25 var(--serif);margin:8px 3px 4px}
#portrait-workbench .wb-action{flex:none;padding:14px 24px 18px}
#portrait-workbench .wb-selectedline{gap:12px}#portrait-workbench .wb-selectedline b{text-align:right}
.gs-empty{grid-column:1/-1;padding:25px;color:var(--muted)}
@media(max-width:1000px) and (min-width:761px){#portrait-workbench .wb-stage{padding:20px}#portrait-workbench .wb-stagebar{display:block}#portrait-workbench .wb-views{width:max-content;margin-top:10px}#portrait-workbench .wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#portrait-workbench>.wrap{padding:0 12px}#portrait-workbench{padding-top:20px}#portrait-workbench .wb-shell{height:auto;grid-template-columns:1fr}#portrait-workbench .wb-stage{height:660px;padding:20px}#portrait-workbench .wb-stagebar{display:block}#portrait-workbench .wb-stagebar h3{font-size:25px}#portrait-workbench .wb-views{width:max-content;margin-top:10px}#portrait-workbench .wb-panel{height:auto;overflow:visible}#portrait-workbench .panel-head,#portrait-workbench .wb-categories,#portrait-workbench .wb-library{padding-left:16px;padding-right:16px}#portrait-workbench .panel-title h2{font-size:25px}#portrait-workbench .wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#portrait-workbench .wb-library{flex:none;height:420px}#portrait-workbench .wb-action{position:sticky;bottom:0;z-index:5;padding:12px 16px;box-shadow:0 -6px 20px #0000000a}#portrait-workbench .wb-frame{width:min(280px,95%)}#portrait-workbench .panel-count{display:none}}