/* START_SNIPPET:ng-starter-draft-gallery (INDEX:289) */
.ng-starter-draft-gallery{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:18px;background:linear-gradient(145deg,#fffaf7,#f8e7ec);border-radius:28px;min-width:0}
.ng-starter-draft-gallery__thumbs{display:flex;flex-direction:column;gap:10px}
.ng-starter-draft-gallery__thumbs button{display:block;border:2px solid transparent;border-radius:12px;background:#fffaf7;padding:3px;cursor:pointer;overflow:hidden;aspect-ratio:1}
.ng-starter-draft-gallery__thumbs button[aria-pressed=true]{border-color:#a23e5e}
.ng-starter-draft-gallery__thumbs button:focus-visible{outline:3px solid #302d2f;outline-offset:3px}
.ng-starter-draft-gallery__thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.ng-starter-draft-gallery__panels{display:grid;align-items:center;min-width:0;background:#fffaf7;border-radius:18px;overflow:hidden;aspect-ratio:1}
.ng-starter-draft-gallery__panels [hidden]{display:none}
.ng-starter-draft-gallery__panels img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}
.ng-starter-preview-note{order:6;background:#f8e7ec;border:1px solid #e8dbe0;border-radius:16px;padding:18px;color:#655d61;font-size:14px;line-height:1.5}
.ng-starter-preview-button{order:7;width:100%;min-height:56px;border:0;border-radius:999px;background:#302d2f;color:#fff;font:inherit;font-weight:700;margin-top:14px}
@media(max-width:767px){.ng-starter-draft-gallery{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px;border-radius:20px}.ng-starter-draft-gallery__panels{grid-row:1}.ng-starter-draft-gallery__thumbs{flex-direction:row}.ng-starter-draft-gallery__thumbs button{width:65px;flex-shrink:0}}
/* END_SNIPPET:ng-starter-draft-gallery */