/* Style-library extension: keep the existing paper flip and three-card stage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.upload-secondary{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:5px}.upload-secondary .sample-button{font-size:11px;padding:10px 5px;min-height:40px;margin:0;text-decoration:none}.upload-secondary .sample-button:hover{text-decoration:underline;text-underline-offset:4px}.secondary-divider{height:12px;width:1px;background:#d7decc}.upload-selection-active{color:#526d42!important;font-weight:500}.style-browse-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 25px 0;min-height:34px;flex:none}.curation-label{font-size:11px;color:#7a8571;letter-spacing:.5px}.curation-label>span{font:10px Georgia,serif;margin-left:6px;color:#a1aa95}.all-styles-button{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;background:#e8eddf;border:1px solid #d8e0ce;border-radius:8px;font-size:11px;color:#3d5838}.all-styles-button>span:first-child{font:11px Georgia,serif;color:#819171}.all-styles-button>span:last-child{font-size:15px;margin-left:3px}.all-styles-button:hover{background:#dfe7d5}.styles-screen .carousel{margin-top:1px;min-height:235px}.styles-screen .style-copy{min-height:60px;padding-top:8px}.styles-screen .style-actions{padding-top:4px}.styles-screen .example-note{margin-bottom:8px}
.screen.slide-enter,.screen.slide-leave,.screen.slide-return-enter,.screen.slide-return-leave{display:block}.slide-enter{z-index:5;animation:libraryEnter 360ms var(--ease) both}.slide-leave{z-index:4;animation:libraryLeave 360ms var(--ease) both;pointer-events:none}.slide-return-enter{z-index:4;animation:libraryReturnEnter 360ms var(--ease) both}.slide-return-leave{z-index:5;animation:libraryReturnLeave 360ms var(--ease) both;pointer-events:none}@keyframes libraryEnter{from{transform:translateX(100%);opacity:.65}to{transform:translateX(0);opacity:1}}@keyframes libraryLeave{from{transform:translateX(0);opacity:1}to{transform:translateX(-18%);opacity:.5}}@keyframes libraryReturnEnter{from{transform:translateX(-18%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes libraryReturnLeave{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.65}}
.catalog-screen{overflow:hidden}.catalog-page{height:100%;display:flex;flex-direction:column;min-height:0}.catalog-header{flex:none;padding:10px 23px 0;background:var(--paper);z-index:2}.catalog-header .step-label{margin-bottom:12px}.catalog-header .step-label>span{font-size:8px;letter-spacing:1.8px}.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-title h2{font-size:28px;letter-spacing:.5px}.library-count{font-size:9px;color:#8e9883;white-space:nowrap}.library-count>span{font:15px Georgia,serif;color:#5a7150;margin-right:4px}.catalog-header .screen-subtitle{font-size:11px;margin-top:6px}.style-search{display:flex;align-items:center;border:1px solid #e2e5d8;background:#eeeee5;border-radius:10px;margin-top:18px;height:45px;transition:border-color .2s,box-shadow .2s}.style-search:focus-within{border-color:#8b9d78;box-shadow:0 0 0 3px #b3c69d28}.style-search input{min-width:0;flex:1;width:100%;height:100%;border:0;outline:none;background:none;padding:0 14px;color:var(--ink);font:13px var(--font);appearance:none;border-radius:10px}.style-search input::placeholder{color:#919b86}.style-search input::-webkit-search-cancel-button{display:none}.style-search>button{width:42px;height:42px;font-size:23px;color:#7a8870;flex:none}.style-search>button[hidden]{display:none}.category-tabs{display:flex;gap:7px;margin:12px 0 0;padding-bottom:13px;border-bottom:1px solid var(--line)}.category-tabs button{flex:1;min-width:0;min-height:35px;padding:6px 5px;font-size:11px;border-radius:7px;color:#78846e;transition:background .2s,color .2s}.category-tabs button[aria-pressed="true"]{background:#2c4734;color:#f7f6ee}.category-tabs button:hover:not([aria-pressed="true"]){background:#e9ecdf}.catalog-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 23px 10px;scrollbar-width:thin;scrollbar-color:#d3dcc5 transparent}.catalog-results-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0 13px}.catalog-results-row h3{font-size:12px;font-weight:500;letter-spacing:.5px}.catalog-results-row>span{font-size:9px;color:#939d88}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px}.catalog-card{padding:0;min-width:0;text-align:left;border-radius:10px;position:relative}.catalog-card-photo{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:#e5e6dc;isolation:isolate;outline:2px solid transparent;outline-offset:3px;transition:outline-color .18s}.catalog-card-photo>img{height:100%;width:100%;object-fit:cover;transition:transform .3s;pointer-events:none}.catalog-card:hover .catalog-card-photo>img{transform:scale(1.035)}.catalog-card[aria-pressed="true"] .catalog-card-photo{outline-color:#536d44}.catalog-card-selected{position:absolute;right:7px;top:7px;display:none;padding:5px 8px;font-size:9px;line-height:1.2;background:#314c38;color:#fffdf5;border:1px solid #ffffff6b;border-radius:5px}.catalog-card[aria-pressed="true"] .catalog-card-selected{display:block}.catalog-card-category{position:absolute;left:7px;bottom:7px;color:#f7f7ed;background:#1f312b70;border:1px solid #ffffff24;backdrop-filter:blur(8px);border-radius:4px;padding:4px 7px;font-size:8px;letter-spacing:.7px}.catalog-card-name{display:block;font-size:13px;font-weight:500;margin:10px 0 4px;line-height:1.4}.catalog-card-caption{display:block;font-size:9px;color:#939b88;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-end{text-align:center;color:#a0a794;font:10px/1.8 var(--serif);padding:27px 0 17px}.catalog-end[hidden]{display:none}.catalog-selection{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:12px 23px;background:var(--paper);border-top:1px solid #e1e5d7;box-shadow:0 -6px 20px #2e412d05}.selection-summary{display:flex;gap:10px;align-items:center;min-width:0}.selection-summary>img{width:37px;height:45px;object-fit:cover;border-radius:5px;flex:none}.selection-summary>div{min-width:0}.selection-summary span{font-size:8px;color:#969f8c;display:block;margin-bottom:5px}.selection-summary strong{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-selection .primary-button{width:auto;min-width:116px;min-height:44px;padding:10px 13px;gap:17px;border-radius:9px;font-size:12px;flex:none}.catalog-selection .primary-button>span:last-child{font-size:18px}.catalog-empty{text-align:center;padding:32px 0 20px}.catalog-empty[hidden]{display:none}.empty-symbol{display:grid;place-items:center;margin:0 auto 17px;width:48px;height:48px;border:1px solid #d7dfcc;border-radius:50%;color:#a1ae90;font:italic 27px Georgia,serif}.catalog-empty h3{font:500 17px var(--serif)}.catalog-empty p{font-size:11px;line-height:1.9;color:#87927c;margin:10px 0 17px}.catalog-empty #empty-clear-search{display:block;margin:auto;padding:9px 18px;min-height:40px;border:1px solid #bac8ab;border-radius:7px;font-size:11px;color:#5c754a}.catalog-empty #empty-clear-search:disabled{display:none}.catalog-empty .text-button{display:block;margin:3px auto;font-size:10px;color:#82916f}
@media(max-width:700px){.style-browse-bar{margin-left:23px;margin-right:23px;margin-top:13px}.catalog-header{padding-top:9px}.style-search input{font-size:16px}.style-search input::placeholder{font-size:12px}.catalog-header .screen-subtitle{font-size:10px}.catalog-card-name{font-size:12px}}
@media(max-width:700px) and (max-height:740px){.style-browse-bar{margin-top:8px;min-height:30px}.all-styles-button{min-height:30px;font-size:10px;padding:5px 9px}.styles-screen .carousel{min-height:200px;height:240px}.styles-screen .style-card{height:245px;width:196px}.styles-screen .style-copy{min-height:54px}.catalog-header{padding-top:5px}.catalog-header .step-label{margin-bottom:6px}.catalog-title h2{font-size:25px}.style-search{margin-top:12px;height:43px}.category-tabs{margin-top:9px;padding-bottom:10px}.category-tabs button{min-height:33px}.catalog-results-row{margin:13px 0 11px}.catalog-selection{padding-top:10px;padding-bottom:10px}.catalog-card-caption{font-size:8px}}
@media(max-width:350px){.style-browse-bar{margin-left:19px;margin-right:19px}.catalog-header{padding-left:19px;padding-right:19px}.catalog-scroll{padding-left:19px;padding-right:19px}.catalog-selection{padding-left:19px;padding-right:19px;gap:10px}.catalog-selection .primary-button{min-width:104px;gap:9px;font-size:11px}.catalog-grid{gap:16px 11px}.category-tabs{gap:5px}.catalog-card-name{font-size:12px}.catalog-card-caption{font-size:8px}.catalog-card-category{font-size:7px;padding:3px 5px}.catalog-card-selected{font-size:8px;padding:4px 6px}}
@media(max-width:700px) and (max-height:640px){.style-browse-bar{margin-top:5px;min-height:27px}.all-styles-button{min-height:28px;padding:4px 8px}.curation-label{font-size:9px}.styles-screen .carousel{min-height:160px;height:180px;max-height:220px}.styles-screen .style-card{height:178px;width:140px}.styles-screen .card-footer{padding:8px 9px}.styles-screen .card-footer>span{font-size:14px}.styles-screen .card-footer small{font-size:7px}.styles-screen .style-copy{min-height:43px;padding-top:3px}.styles-screen .style-copy h3{font-size:15px}.styles-screen .style-copy p{font-size:8px}.styles-screen .example-note{font-size:7px;margin-bottom:5px}.styles-screen .style-actions{padding-top:2px}.upload-secondary{margin-top:2px;gap:8px}.upload-secondary .sample-button{font-size:10px;min-height:34px;padding:8px 3px}.catalog-header{padding-top:3px}.catalog-header .step-label{margin-bottom:4px;min-height:24px}.catalog-title h2{font-size:23px}.catalog-header .screen-subtitle{margin-top:3px;font-size:9px}.style-search{height:39px;margin-top:10px}.style-search>button{height:36px;width:36px}.category-tabs{margin-top:8px;padding-bottom:8px}.category-tabs button{min-height:31px;font-size:10px}.catalog-results-row{margin:10px 0}.catalog-results-row h3{font-size:11px}.catalog-results-row>span{font-size:8px}.catalog-card-photo{aspect-ratio:1/1}.catalog-card-name{margin-top:8px}.catalog-selection{padding-top:8px;padding-bottom:8px}.selection-summary>img{height:38px;width:32px}.catalog-selection .primary-button{min-height:39px}.catalog-empty{padding-top:17px}.empty-symbol{width:37px;height:37px;margin-bottom:11px}.catalog-empty h3{font-size:15px}.catalog-empty p{font-size:10px;margin:8px 0 10px}}
