.design-library,.manager #newAlbumDesigns.design-library{display:block;margin-top:20px}.design-library-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.design-library-toolbar input{flex:1;min-width:0}.design-library-toolbar select{max-width:200px}.design-current{padding:12px 15px;border:1px solid #d5c9db;background:#eee8f3;color:#563e69!important;border-radius:8px}.design-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:650px;overflow:auto;padding:4px;scrollbar-color:#b4a5c3 transparent}.design-choice{border-radius:10px;text-align:right;position:relative;transition:transform .2s,border-color .2s}.design-choice.selected{outline:2px solid #806092;outline-offset:1px}.design-choice.selected:after{content:'✓';position:absolute;top:10px;right:10px;width:25px;height:25px;border-radius:50%;background:#725489;color:#fff;display:grid;place-items:center}.design-choice .design-kind{display:block;font-size:9px;color:#725e7d;margin:8px 0 4px}.design-choice .design-mini{height:125px!important;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#e6dfd2;padding:7px;overflow:hidden}.design-mini>span{background-image:url('/album-app/assets/album-scenes.webp');background-size:300% 200%;min-height:25px}.design-choice[data-theme=night] .design-mini{background:#1a1923}.design-choice[data-geometry=full] .design-mini,.design-choice[data-geometry=wide] .design-mini,.design-choice[data-geometry=single] .design-mini{grid-template-columns:1fr}.design-choice:is([data-geometry=full],[data-geometry=wide],[data-geometry=single]) .design-mini>span:nth-child(n+2){display:none}.design-choice:is([data-geometry=split],[data-geometry=blocks],[data-geometry=letter]) .design-mini{padding-inline-start:45%;grid-template-columns:1fr 1fr}.design-choice:is([data-geometry=horizontal],[data-geometry=journey]) .design-mini{display:flex}.design-choice:is([data-geometry=horizontal],[data-geometry=journey]) .design-mini>span{flex:0 0 70%}.design-choice:is([data-geometry=circle],[data-geometry=arch]) .design-mini>span{border-radius:50% 50% 0 0}.design-choice[data-geometry=circle] .design-mini>span:first-child{border-radius:50%;grid-column:span 3}.design-choice:is([data-geometry=mosaic],[data-geometry=magazine],[data-geometry=editorial]) .design-mini>span:first-child{grid-column:span 2;grid-row:span 2}.design-choice:is([data-geometry=prints],[data-geometry=stacked],[data-geometry=timeline]) .design-mini>span:nth-child(even){transform:translateY(8px) rotate(3deg)}.design-choice[data-geometry=contact] .design-mini{grid-template-columns:repeat(4,1fr)}.design-choice[data-geometry=portrait] .design-mini{padding-inline:15%;grid-template-columns:1fr 1fr}.design-choice[data-geometry=rounded] .design-mini>span{border-radius:8px}.design-choice[data-geometry=frames] .design-mini{gap:9px;padding:14px}.design-choice[data-geometry=catalog] .design-mini{background:white;padding:16px;gap:10px}.design-choice:is([data-geometry=chapters],[data-geometry=stage]) .design-mini>span:first-child{grid-column:span 3}.design-choice[data-geometry=spotlight] .design-mini{grid-template-columns:1fr 1fr;gap:9px}.design-choice[data-geometry=spotlight] .design-mini>span:nth-child(even){transform:translateY(10px)}
@media(max-width:650px){.design-library-toolbar{flex-direction:column;align-items:stretch}.design-library-toolbar select{max-width:none}.design-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-choice .design-mini{height:110px!important}.design-choice strong{font-size:13px}.design-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.design-choice{transition:none}}
.design-choice:is([data-choice=taj],[data-choice=layali],[data-choice=baroque],[data-choice=sultana]) .design-mini{background:#181318;padding:12px;border:1px solid #b1965f;box-shadow:inset 0 0 0 4px #181318,inset 0 0 0 5px #8e7447}.design-choice:is([data-choice=taj],[data-choice=baroque],[data-choice=sultana],[data-choice=malaki],[data-choice=jawaher]) .design-mini>span{border:1px solid #c4ab74;box-shadow:0 0 0 2px #211b16}.design-choice[data-choice=sultana] .design-mini{background:#123126}.design-choice:is([data-choice=malaki],[data-choice=jawaher]) .design-mini{background:#eee5d6;border:1px solid #c3aa72;padding:12px}.design-choice[data-choice=aroos] .design-mini{background:#fff9f4;border-radius:45% 45% 0 0;padding:12px;border:1px solid #e3d3c1}.design-choice[data-choice=danah] .design-mini{background:#eddbd8;padding:12px;border:1px solid #bc948a}.design-choice[data-choice=baroque] .design-mini{border:4px double #b2965d}.design-choice:is([data-choice=taj],[data-choice=malaki]) .design-mini{grid-template-columns:1fr 1fr}.design-choice[data-choice=taj] .design-mini>span:first-child{grid-column:span 2}