.demo-format{padding:10px 14px!important;min-height:64px!important}.demo-format small{font-size:12px}

.demo-themes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,92px);grid-auto-rows:92px;max-height:192px;overflow-y:auto;gap:8px!important}.demo-themes.expanded{max-height:none;overflow:visible}.demo-theme{height:92px!important;min-width:0!important;padding:6px!important;display:flex!important;align-items:center;gap:8px;text-align:left}.demo-theme img{width:90px!important;height:76px!important;object-fit:cover}.demo-theme span{font-size:13px;line-height:1.25}.demo-expand{margin-top:8px}.demo-cover-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.demo-cover-switch>span{font-size:13px;margin-right:8px}

.album-guide:not(.constructor-guide .album-guide) .album-map{max-width:none}.album-guide:not(.constructor-guide .album-guide) .album-map-object{width:210px}.album-guide:not(.constructor-guide .album-guide) .album-map-object svg{height:148px}.album-guide-body{gap:12px}.album-guide-pages{flex-wrap:nowrap;max-height:none;overflow-x:auto;align-items:center}.album-guide-page{flex-shrink:0}.is-trio .album-guide-pages{display:flex;overflow-x:auto}.album-guide-pages{scroll-behavior:auto!important}.album-guide{padding:10px!important}.album-guide-head{margin-bottom:6px!important}.demo-stage-heading{padding-bottom:8px!important}.demo-page-turner{margin:8px 0!important}.demo-page-turner small{font-size:11px}.client-crop-preview{background:#ecebe6;padding:10px;max-height:58vh;overflow:auto;text-align:center}.client-crop-preview img{width:auto;max-width:100%;max-height:53vh;object-fit:contain}.design-demo-frame.shared-frame{pointer-events:none;border-color:transparent!important}.design-demo-stage{user-select:none;-webkit-user-select:none}.demo-stage-panel .helper{font-size:12px}

@media(max-width:1100px){.demo-themes{grid-template-columns:repeat(3,minmax(0,1fr))!important}.demo-theme img{width:65px!important}}

@media(max-width:760px){.demo-themes{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:96px;scroll-snap-type:x proximity}.demo-theme{flex:0 0 190px!important;scroll-snap-align:start}.demo-themes.expanded{flex-wrap:wrap!important;max-height:none}.demo-expand{display:inline-flex}.demo-format{padding:8px 6px!important;min-height:58px!important}.demo-format strong{font-size:13px}.demo-format small{font-size:11px}.demo-cover-switch{gap:5px}.demo-cover-switch>span{width:100%}.album-guide:not(.constructor-guide .album-guide) .album-map-object{width:165px}.album-guide:not(.constructor-guide .album-guide) .album-map-object svg{height:125px}.album-map{gap:0!important}.album-guide-page{padding:6px 8px}.is-trio .album-guide-body{align-items:stretch}.demo-stage-heading h2{font-size:21px}.demo-controls{padding:14px!important}}

.composition-slots{display:flex;gap:6px;overflow-x:auto;margin:12px 0}.composition-slots .tab{flex-shrink:0}.composition-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.composition-choice{border:2px solid #d7e1dc;background:#fff;padding:5px;border-radius:8px;font:inherit;color:inherit;cursor:pointer}.composition-choice.chosen{border-color:#466759;background:#eaf3ec}.composition-choice img{width:100%;aspect-ratio:1.6;object-fit:contain;display:block}.composition-choice span{display:block;font-size:13px;padding:7px}.teacher-photo{filter:grayscale(1)}

.demo-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-page-actions .demo-cover-switch{margin:0}.demo-cover-switch[hidden]{display:none!important}
.design-demo-frame.shared-frame{pointer-events:auto;border-color:transparent!important}.design-demo-frame.shared-frame.active{border-color:#5b7c7c!important}
.instant-crop-window{position:relative;overflow:hidden;margin:0 auto;background:repeating-conic-gradient(#ddd 0 25%,#f4f4f4 0 50%) 50%/18px 18px;width:100%;max-height:none;contain:layout paint}
.instant-crop-window img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill;user-select:none;pointer-events:none}
.instant-decoration-stage{position:relative;isolation:isolate;overflow:hidden;margin:auto;width:100%;max-height:none;touch-action:none;contain:layout paint;background:#fff}
.instant-decoration-layer{position:absolute;max-width:none!important;pointer-events:none;user-select:none;transform-origin:0 0}
.instant-decoration-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#ffffff70;text-shadow:0 0 2px #1118;font-size:clamp(10px,2vw,18px);font-weight:700}
.instant-decoration-box{position:absolute;border:1px dashed #157497;background:transparent;cursor:move;touch-action:none;z-index:3}.instant-decoration-stage.is-moving .instant-decoration-box{border-color:transparent;outline:none!important}.instant-decoration-stage.is-loading{opacity:.6}

.demo-decoration-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-decoration-actions .demo-cover-switch>span{font-size:11px;margin-right:2px}

.instant-crop-window{touch-action:none;cursor:grab}.instant-crop-window.is-dragging{cursor:grabbing}

.decoration-layer-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.decoration-layer-controls .btn{flex:1 1 140px}

.saved-photo-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.saved-photo-picker{margin:18px 0;scroll-margin:16px}.frame-hotspot[aria-pressed=true]{outline:2px solid #597561;outline-offset:-2px}