/* Readable full-width gallery cards and working gallery entry point. */
#app .lb-tabs{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;padding:9px 8px 0!important;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#34556a transparent}
#app .lb-tabs .lb-tab{display:block!important;flex:1 0 auto!important;min-width:52px!important;padding:9px 7px!important;font-size:10px!important;white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}
#app .lb-tab-body [data-lb-page="gallery"]{padding:12px 3px 22px;overflow:visible}
#app .lb-gallery-intro{padding:3px 5px 14px;margin-bottom:14px;border-bottom:1px solid #2b485b}
#app .lb-gallery-intro strong{display:block;font-size:15px;line-height:1.25;color:#edfbff;letter-spacing:-.015em}
#app .lb-gallery-intro small{display:block;color:#a6bfd0;font-size:11px;line-height:1.55;margin-top:7px}
#app [data-lb-page="gallery"]>label{display:block;color:#b7d1df;font-size:11px;font-weight:750;letter-spacing:.03em;margin:12px 4px 7px}
#app #lb-gallery-category{display:block;width:100%;max-width:100%;min-height:39px;padding:9px 11px;background:#0a1a29;color:#f1f9ff;border:1px solid #44677d;border-radius:9px;font-size:12px;cursor:pointer}
#app #lb-gallery-category:focus-visible{outline:2px solid #45dcec;outline-offset:2px}
#app .lb-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px;margin-top:14px}
#app .lb-gallery-card{display:grid;grid-template-columns:67px minmax(0,1fr);align-items:center;gap:5px 10px;min-width:0;width:100%;padding:10px;border:1px solid #315469;border-radius:11px;background:linear-gradient(115deg,#142d3d,#112536);color:#eaf7fb;text-align:left;text-decoration:none;font:inherit;cursor:pointer;box-shadow:0 4px 12px #0002}
#app .lb-gallery-card:hover{border-color:#4fd6e9;background:#1b3c4e;box-shadow:0 5px 16px #0004}
#app .lb-gallery-card:focus-visible,#app .lb-gallery-photo button:focus-visible{outline:2px solid #4ce6f7;outline-offset:2px}
#app .lb-gallery-card>img,#app .lb-gallery-card>.lb-gallery-thumb{grid-column:1;grid-row:1/span 3;display:block;width:67px;height:66px;min-width:0;max-width:100%;margin:0;object-fit:contain;background:#e8eef1;border-radius:7px}
#app .lb-gallery-shape{display:grid!important;place-items:center;background:linear-gradient(145deg,#e7f1f5,#bfd5dd)!important;color:#28536b;font-size:31px;font-weight:300}
#app .lb-gallery-card>b{grid-column:2;grid-row:1;min-width:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#app .lb-gallery-card>small{grid-column:2;grid-row:2;min-width:0;color:#aac5d5;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
#app .lb-gallery-card[data-stencil],#app .lb-gallery-card[data-art]{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px}
#app .lb-gallery-card[data-stencil]>img,#app .lb-gallery-card[data-art]>img{display:block;width:100%;height:auto;max-height:145px;object-fit:contain;aspect-ratio:auto;background:#f7f8f8;border-radius:6px}
#app .lb-gallery-card[data-stencil]>b,#app .lb-gallery-card[data-art]>b{font-size:12px;line-height:1.25}
#app .lb-gallery-card[data-stencil]>small,#app .lb-gallery-card[data-art]>small{font-size:10px;line-height:1.4;color:#a9c7d6}
#app .lb-gallery-card.lb-gallery-photo{cursor:default;grid-template-columns:67px minmax(0,1fr)}
#app .lb-gallery-photo>img{grid-row:1/span 3}
#app .lb-gallery-photo>button{grid-column:2;grid-row:3;justify-self:start;border:1px solid #4195a8;border-radius:7px;background:#205266;color:#f1fdff;font-weight:750;padding:7px 10px;font-size:10px;cursor:pointer}
#app .lb-gallery-photo>button:hover{background:#267189}
#app .lb-gallery-photo>a{grid-column:1/-1;margin-top:6px;color:#8dd8ef;font-size:10px;line-height:1.4;text-decoration:underline;overflow-wrap:anywhere}
#app .lb-gallery-note{padding:11px 12px;margin-top:13px;min-height:0;border:1px solid #2a4c5d;border-radius:8px;background:#0b2031;color:#abc9d8;font-size:10px;line-height:1.5}
#app #lb-browse-gallery{display:flex!important;align-items:center;justify-content:center;min-height:39px;margin:9px 0 4px;background:#18374b!important;border:1px solid #4789a0!important;color:#c8f4ff!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important}
#app #lb-browse-gallery:hover{background:#20566c!important;border-color:#4cdbec!important}
#app #lb-center-bore-field[hidden],#app #lb-perforation-field[hidden],#app #lb-cutout-threshold-field[hidden]{display:none!important}
@media(max-width:830px){#app .lb-tabs{min-height:42px}#app .lb-tab-body [data-lb-page="gallery"]{padding:10px 3px 20px}}

/* Native photo assets: same image for the card and the canvas, never stretch/crop. */
#app .lb-gallery-card.lb-gallery-photo{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;padding:11px!important;cursor:default}
#app .lb-gallery-photo-preview{grid-column:1!important;grid-row:auto!important;display:grid;place-items:center;width:100%;min-width:0;min-height:136px;max-height:210px;overflow:hidden;border:1px solid #375366;border-radius:8px;background:#071522}
#app .lb-gallery-photo-preview>img{display:block!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:196px!important;margin:auto!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;aspect-ratio:auto!important}
#app .lb-gallery-photo>b,#app .lb-gallery-photo>small,#app .lb-gallery-photo>button,#app .lb-gallery-photo>a{grid-column:1!important;grid-row:auto!important;min-width:0}
#app .lb-gallery-photo>b{font-size:13px!important}
#app .lb-gallery-photo>small{font-size:10px!important;color:#b9d1dc!important}
#app .lb-gallery-photo>button{justify-self:stretch!important;width:100%;min-height:37px;font-size:11px!important}
#app .lb-gallery-photo>button:disabled{cursor:not-allowed;opacity:.65}
#app .lb-gallery-photo>a{margin:0!important;text-align:center}
#app .lb-gallery-photo-missing{display:grid;place-items:center;padding:12px;color:#ffc8ae;font-size:11px;text-align:center}

/* Dense catalog without distorted/cropped gallery assets. */
#app #lb-gallery-filter{display:block;width:100%;max-width:100%;min-height:37px;margin:10px 0 0;padding:8px 10px;border:1px solid #365e70;border-radius:9px;background:#0a1a29;color:#eaf8ff;font-size:12px}
#app #lb-gallery-filter:focus-visible{outline:2px solid #45dcec;outline-offset:2px}
#app .lb-gallery-group-title{margin:14px 0 1px;padding:9px 5px 6px;color:#72dfef;font-size:11px;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #345267;font-weight:850}
#app .lb-gallery-card[hidden],#app .lb-gallery-group-title[hidden]{display:none!important}
#app .lb-gallery-card[data-design]{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:9px}
#app .lb-gallery-card[data-design]>img{display:block;width:100%;height:auto;max-height:145px;aspect-ratio:auto;object-fit:contain;background:#f7f8f8;border-radius:6px}
#app .lb-gallery-card[data-design]>b,#app .lb-gallery-card[data-design]>small{display:block;font-size:12px;line-height:1.4}
#app .lb-gallery-card[data-design]>small{font-size:10px;color:#a9c7d6}
#app .lb-gallery-card[data-stencil]>img{object-fit:contain!important;height:auto!important;aspect-ratio:auto!important}

/* Occasion -> Scenes / Illustrations / Stencils / Patterns; compact filter chips. */
#app .lb-gallery-kind{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:9px 0 2px;scrollbar-width:thin}
#app .lb-gallery-kind>button{flex:0 0 auto;border:1px solid #34596b;border-radius:20px;padding:7px 10px;background:#0d2332;color:#c0d8e5;font-size:10px;line-height:1.1;cursor:pointer}
#app .lb-gallery-kind>button.active,#app .lb-gallery-kind>button[aria-pressed="true"]{background:#165263;color:#e9fcff;border-color:#4ee2e8}
#app .lb-gallery-kind>button:focus-visible{outline:2px solid #60e6ef;outline-offset:2px}
#app .lb-canvas-preset-shortcut{border:1px solid #4393a5;border-radius:8px;background:#103c4a;color:#d6faff;min-height:26px;padding:3px 8px;font-size:10px;cursor:pointer}


/* Unified gallery: the entire card adds the visible artwork, regardless of type. */
#app .lb-gallery-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
#app .lb-gallery-item{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
#app .lb-gallery-item[hidden],#app .lb-gallery-no-results[hidden]{display:none!important}
#app .lb-gallery-item>.lb-gallery-card{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 9px!important;min-width:0!important;width:100%!important;padding:9px!important;border:1px solid #315469!important;border-radius:9px!important;background:#122b3b!important;color:#eaf7fb!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important}
#app .lb-gallery-item>.lb-gallery-card:hover{border-color:#4fd6e9!important;background:#1b3c4e!important}
#app .lb-gallery-item>.lb-gallery-card:focus-visible{outline:2px solid #4ce6f7!important;outline-offset:2px}
#app .lb-gallery-item .lb-gallery-preview{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:72px;height:72px;min-width:0;min-height:0;overflow:hidden;border-radius:7px;background:#e8eef1}
#app .lb-gallery-item .lb-gallery-preview>img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;margin:auto!important;flex:none!important;border:0!important;border-radius:0!important;background:transparent!important}
#app .lb-gallery-item .lb-gallery-copy{display:flex;flex-direction:column;gap:3px;min-width:0;grid-column:2;grid-row:1;align-self:end}
#app .lb-gallery-item .lb-gallery-copy b{display:block;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
#app .lb-gallery-item .lb-gallery-copy small{display:block;color:#a5c2d2;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
#app .lb-gallery-item .lb-gallery-add{grid-column:2;grid-row:2;align-self:start;justify-self:start;color:#65e1f0;font-size:10px;font-weight:800}
#app .lb-gallery-item .lb-gallery-source{display:inline-block;color:#8dd8ef;font-size:9px;padding:3px 9px 5px;line-height:1.35;overflow-wrap:anywhere}
#app .lb-gallery-item .lb-gallery-source:focus-visible{outline:2px solid #4ce6f7;outline-offset:2px}
#app .lb-gallery-no-results{border:1px dashed #396175;border-radius:8px;color:#a9c2d1;padding:12px;font-size:11px;line-height:1.5}
#app .lb-gallery-item .lb-gallery-photo-missing{color:#9b3131;font-size:9px;text-align:center;padding:5px}