/* Unified cards backed by published album designs. */
.design-tabs{display:flex;gap:10px;margin:4px 0 30px}.design-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;border:1px solid #cfd8c8;border-radius:8px}.design-tabs a.active{background:#30464a;color:#fff;border-color:#30464a}.design-collection-heading{margin-bottom:22px}.design-collection-heading h2{font-size:25px;font-weight:500}.design-collection-heading p{font-size:14px;color:#71806e;margin-top:7px}.design-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.design-card{display:flex;flex-direction:column;min-width:0}.design-card-image{display:grid;place-items:center;aspect-ratio:10/7;background:#eeeae2;padding:16px;overflow:hidden;border-bottom:1px solid #e2e5dd}.design-card-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 5px 8px #2a302321);transition:transform .2s}.design-card-image:hover img{transform:scale(1.015)}.design-card .card-body{display:flex;flex-direction:column;flex:1;padding:25px}.design-card h3{font-size:24px;font-weight:500;overflow-wrap:anywhere}.design-card .design-description{font-size:14px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;margin:12px 0 18px}.design-formats{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:auto 0 22px}.design-formats li{background:#f0f3eb;color:#59664e;padding:6px 10px;border-radius:5px;font-size:11px}.design-card .btn{min-height:46px}.design-card-settings{margin:22px 0;padding:20px;background:#f2f5ed;border-radius:10px}.design-card-settings h3{margin-bottom:8px}.design-card-settings .field{margin-top:12px}.design-image-setting{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px}.design-image-setting img{width:150px;height:105px;object-fit:contain;background:#e6e9e2}.design-demo-stage{position:relative;max-height:680px;max-width:100%;margin:16px auto;background:#eeeee7;overflow:hidden}.design-demo-stage>img{display:block;width:100%;height:100%;object-fit:contain}.design-demo-frames{position:absolute;inset:0}.design-demo-frame{position:absolute;border:2px solid transparent;background:transparent;cursor:pointer}.design-demo-frame:hover,.design-demo-frame:focus-visible{border-color:#779254;outline:2px solid white;outline-offset:-4px}.design-demo-frame.active{border:2px solid #7b984f;box-shadow:inset 0 0 0 1px white}.design-zoom-image{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.demo-theme>img{object-fit:contain;background:#ebece5}.demo-theme>span{overflow-wrap:anywhere}.demo-photo-choice.active{outline:2px solid #6b8749;outline-offset:2px}
@media(max-width:760px){.design-catalog{grid-template-columns:minmax(0,1fr);gap:22px}.design-card .card-body{padding:20px}.design-tabs a{flex:1;padding:12px 10px}.design-card-image{padding:12px}.design-card h3{font-size:22px}.design-collection-heading h2{font-size:22px}.design-card-settings{padding:15px}.design-demo-frame{min-height:0;min-width:0}}

/* Keep selected-design controls distinct from the legacy demo swatches. */
.demo-theme>span:not([style]){width:auto;height:auto;font-size:inherit;display:block;border:0}.demo-format:not(:has(.demo-format-icon)){grid-template-columns:1fr}.demo-format:not(:has(.demo-format-icon)) small{grid-column:1}.design-demo-stage{width:min(100%,calc(680px * var(--design-ratio,1.414)));max-height:none}

/* Native horizontal galleries: one independent carousel per design. */
.design-card-gallery{background:#eeeae2;border-bottom:1px solid #e2e5dd;min-width:0}.gallery-window{position:relative}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;outline-offset:-3px}.gallery-track::-webkit-scrollbar{display:none}.gallery-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.gallery-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:10/7;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:16px}.gallery-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 5px 8px #2a302321);user-select:none;-webkit-user-drag:none}.gallery-slide img[hidden]{display:none}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);height:42px;width:34px;display:grid;place-items:center;border:1px solid #d5dbcf;border-radius:8px;background:#fffffff0;box-shadow:0 2px 10px #0001;font:28px Arial;color:#30464a;cursor:pointer}.gallery-arrow.previous{left:8px}.gallery-arrow.next{right:8px}.gallery-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}.gallery-arrow:focus-visible,.gallery-dots button:focus-visible,.design-format-switch button:focus-visible{outline:3px solid #7e9b55;outline-offset:2px}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 10px;font-size:12px;line-height:1.4;color:#55634c}.gallery-page-name{min-width:0;overflow-wrap:anywhere}.gallery-count{white-space:nowrap;font-variant-numeric:tabular-nums}.gallery-dots{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;padding:0 14px 10px}.gallery-dots button{width:24px;height:24px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.gallery-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:#c1c7ba}.gallery-dots button[aria-pressed=true]:before{width:17px;border-radius:4px;background:#30464a}.gallery-loading{aspect-ratio:10/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:#65715f;font-size:13px}.gallery-image-error{position:absolute;inset:25%;text-align:center;font-size:12px}.gallery-image-error button{display:block;margin:12px auto}.design-format-switch{display:flex;gap:7px;flex-wrap:wrap;margin:auto 0 10px}.design-format-switch button{flex:1;min-height:44px;border:1px solid #d6ddce;border-radius:7px;background:#f5f7f1;color:#5c6954;padding:10px 8px;font:inherit;font-size:11px;line-height:1.35;cursor:pointer}.design-format-switch button[aria-pressed=true]{background:#30464a;border-color:#30464a;color:#fff}.design-demo-note{font-size:10px!important;color:#788171;margin:0 0 17px!important}.design-card:has(.gallery-loading) .card-body{min-height:260px}
@media(max-width:760px){.gallery-slide{padding:12px}.gallery-arrow{width:32px;height:42px}.gallery-caption{padding:0 14px 8px;font-size:11px}.design-format-switch{gap:6px}.design-format-switch button{font-size:10px;padding:10px 6px;min-width:0}.gallery-image-error{inset:15%}}

.gallery-slide.is-loading:after{content:"Загружаем изображение…";position:absolute;left:0;right:0;text-align:center;font-size:12px;color:#6a7562;pointer-events:none}.gallery-slide.is-loading img{visibility:hidden}
.demo-photo-choice>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;min-width:0}