.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}
.catalog-searchbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 26px}.catalog-search-field{display:flex;align-items:center;gap:13px;border-bottom:1px solid #cdd3c1;max-width:440px;width:100%;padding:11px 0}.catalog-search-field>svg{width:17px;height:17px;color:#929d82;stroke-width:1.3}.catalog-search-field input{background:transparent;border:0;outline:0;padding:4px 0;font-size:12px;min-width:0;flex:1;color:#4d5b3e;letter-spacing:-.2px}.catalog-search-field:focus-within{border-bottom-color:#748357}.catalog-search-field input::placeholder{color:#a1ab94;font-weight:300}.catalog-search-field input::-webkit-search-cancel-button{display:none}.catalog-search-clear{font-size:19px;line-height:1;padding:4px 5px;color:#899776}.catalog-sort{display:flex;gap:13px;align-items:center;font-size:10px;color:#9ca58e;white-space:nowrap}.catalog-sort select{font:11px var(--sans);color:#69775a;border:0;background:transparent;padding:8px 22px 8px 4px;cursor:pointer}.template-toolbar{align-items:center;gap:16px;margin-bottom:0;padding-bottom:19px}.filter-tabs{gap:4px;min-width:0}.filter-tabs button{font-size:11px;padding:10px 14px;white-space:nowrap}.filter-tabs button span{font-size:8px;margin-left:5px;opacity:.55}.saved-filter{white-space:nowrap;flex-shrink:0;font-size:10px;gap:8px;padding-right:0}.catalog-results{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#929d82;padding:20px 0 21px}.catalog-results strong{font:13px var(--en);font-weight:500;color:#4c603b;margin-left:7px}.catalog-results>span:last-child{font:7px var(--en);letter-spacing:1.5px;color:#a6af99}.template-grid{row-gap:44px}.template-art.catalog-stage{height:460px;padding:41px 50px 38px;background:#e9ebe2;background:color-mix(in srgb,var(--card-accent) 14%,#efeee7);align-items:center;isolation:isolate}.catalog-stage .card-tag{font-size:8px;letter-spacing:.3px;background:#697b51;color:#fff;padding:4px 8px;top:16px;left:14px;font-family:var(--sans);font-weight:300}.catalog-stage .card-tag.light{background:#ffffffa9;color:#7b856e}.catalog-stage .favorite{z-index:5;top:9px;right:10px;padding:8px}.catalog-stage .favorite svg{width:18px;height:18px}.catalog-viewport{width:234px;max-width:100%;aspect-ratio:480/800;position:relative;overflow:hidden;box-shadow:0 10px 25px #37432b24;background:var(--card-paper);z-index:1;transition:transform .35s ease}.catalog-viewport iframe{position:absolute;top:0;left:0;width:480px;height:800px;max-width:none;border:0;transform:scale(var(--cover-scale,.4875));transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .18s}.catalog-viewport iframe.is-ready{opacity:1}.cover-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font:18px var(--display);letter-spacing:1px;color:#8f9a80;gap:12px}.cover-loading>span{font:5px var(--en);letter-spacing:1px}.catalog-viewport:has(.is-ready) .cover-loading{display:none}.template-preview-hit{position:absolute;inset:0;z-index:3}.template-preview-hit>span{position:absolute;bottom:16px;right:15px;left:15px;display:flex;justify-content:space-between;align-items:center;background:#fbfcf4ef;color:#5b6b49;padding:11px 14px;font-size:10px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;box-shadow:0 3px 12px #3341250a}.template-preview-hit b{font-size:14px;font-weight:400}.template-preview-hit:hover>span,.template-preview-hit:focus-visible>span{opacity:1;transform:none}.catalog-stage:has(.template-preview-hit:hover) .catalog-viewport{transform:translateY(-4px)}.catalog-number{position:absolute;bottom:12px;left:14px;font:7px var(--en);color:#7d8a6e;letter-spacing:1.5px;z-index:2}.catalog-card .template-info{margin-top:18px;gap:12px}.catalog-category{font:7px var(--sans);letter-spacing:.4px;display:block;color:#9aa58a;margin-bottom:6px}.catalog-card .template-info h3{font-size:16px;letter-spacing:-.5px;margin:0 0 7px;font-weight:500}.catalog-card .template-info p{font-size:10px;line-height:1.8;color:#939e85;font-weight:300;max-width:98%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.catalog-card .free-label{font-size:9px;padding-top:20px;letter-spacing:1px}.catalog-card .template-swatches{margin-top:11px}.catalog-card .template-swatches span{font-size:8px;letter-spacing:.6px;margin-left:6px;color:#a0a992}.catalog-card .template-swatches i{height:9px;width:9px;border:1px solid #86917722}.catalog-card-actions{display:grid;grid-template-columns:.8fr 1.2fr;border-top:1px solid #dee3d4;border-bottom:1px solid #dee3d4;margin-top:16px}.catalog-card-actions>button{font-size:10px;padding:11px 8px;display:flex;align-items:center;justify-content:space-between;color:#7c8b69}.catalog-card-actions>button:first-child{border-right:1px solid #dee3d4;padding-right:14px}.catalog-card-actions>button:last-child{padding-left:14px;color:#526b3b}.catalog-card-actions>button:hover{background:#ecf0e1;color:#4d6038}.catalog-card-actions>button>span{font-size:12px}.more-templates{margin-top:41px;gap:17px;min-width:290px;padding:14px 19px;font-size:11px}.more-templates .more-progress{font:9px var(--en);color:#a3ad93;margin-left:2px}.more-templates>svg{margin-left:auto;width:15px;height:15px}.catalog-visible-status{font-size:9px;color:#a4ae96;text-align:center;margin:14px 0 0}.design-sample-note{margin-top:12px!important;font-size:9px!important}.catalog-reset{font-size:11px;border-bottom:1px solid #bdc8ab;margin-top:12px;padding:7px 0}.empty-favorites{padding-block:60px;font-size:12px}.empty-favorites>svg{height:25px;width:25px}.catalog-empty-message{font-size:12px;color:#8f9f7d}
@media(min-width:1550px){.template-art.catalog-stage{height:495px;padding-block:43px}.catalog-viewport{width:245px}.catalog-card .template-info h3{font-size:17px}.catalog-card .template-info p{font-size:11px;min-height:40px}.filter-tabs button{font-size:12px;padding-inline:17px}.catalog-card-actions>button{font-size:11px}.catalog-stage .card-tag{font-size:9px}.catalog-card .template-swatches span{font-size:9px}}
@media(max-width:1200px){.filter-tabs{gap:1px}.filter-tabs button{font-size:10px;padding:10px 11px}.filter-tabs button span{font-size:7px;margin-left:4px}.saved-filter{font-size:9px;gap:6px}.saved-filter svg{width:14px;height:14px}.template-art.catalog-stage{height:414px;padding:37px 39px 32px}.catalog-viewport{width:206px}.catalog-card .template-info h3{font-size:14px}.catalog-card .template-info p{font-size:9px;min-height:33px}.catalog-card .template-swatches span{font-size:7px}.catalog-card-actions>button{font-size:9px;padding-block:10px}.catalog-card-actions>button:first-child{padding-right:11px}.catalog-card-actions>button:last-child{padding-left:11px}.catalog-stage .card-tag{font-size:7px}.catalog-stage .favorite svg{width:16px;height:16px}.catalog-category{font-size:6px}}
@media(max-width:980px){.template-toolbar{flex-wrap:wrap;gap:15px}.filter-tabs{width:100%;display:flex;justify-content:space-between;gap:3px}.filter-tabs button{padding:9px 12px;font-size:10px}.saved-filter{margin-left:auto;font-size:10px}.catalog-results{padding-top:19px}.template-art.catalog-stage{height:363px;padding:34px 23px 31px}.catalog-viewport{width:180px}.catalog-card .template-info{gap:6px}.catalog-card .template-info h3{font-size:13px}.catalog-card .template-info p{font-size:9px;min-height:33px}.catalog-card .free-label{font-size:8px}.catalog-card .template-swatches span{font-size:6px;letter-spacing:.4px}.catalog-card .template-swatches{gap:4px}.catalog-card .template-swatches i{height:7px;width:7px}.catalog-card-actions>button{font-size:8px;letter-spacing:-.2px;padding-inline:5px}.catalog-card-actions>button:first-child{padding-right:9px}.catalog-card-actions>button:last-child{padding-left:9px}.catalog-card-actions>button>span{font-size:11px}.catalog-stage .card-tag{font-size:6px;padding:4px 6px;left:10px;top:13px}.catalog-stage .favorite{right:5px;top:7px}.catalog-stage .favorite svg{width:15px;height:15px}.catalog-number{font-size:6px;bottom:10px;left:11px}}
@media(max-width:760px){.catalog-searchbar{gap:20px;margin-bottom:17px;align-items:end}.catalog-search-field{gap:9px;padding:9px 0}.catalog-search-field>svg{width:14px;height:14px}.catalog-search-field input{font-size:10px}.catalog-search-clear{font-size:17px;padding:3px}.catalog-sort{font-size:0;gap:0;max-width:80px}.catalog-sort select{font-size:10px;padding-right:9px;padding-bottom:12px;color:#899776}.template-toolbar{gap:13px;align-items:center;padding-bottom:14px;flex-wrap:nowrap;margin-bottom:0}.filter-tabs{display:flex;justify-content:start;overflow-x:auto;scrollbar-width:none;width:auto;max-width:calc(100% - 37px);gap:3px;padding:2px 0;overscroll-behavior-inline:contain;mask-image:linear-gradient(to right,black calc(100% - 10px),transparent)}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{font-size:9px;padding:8px 11px;flex-shrink:0;letter-spacing:-.3px}.filter-tabs button span{font-size:7px;margin-left:4px}.saved-filter{margin-left:0;gap:4px;padding:7px 0 7px 3px;min-width:26px}.saved-filter>span{display:none}.saved-filter svg{width:13px;height:13px}.saved-filter b{font-size:8px}.catalog-results{padding-block:16px 18px;font-size:9px}.catalog-results strong{font-size:11px;margin-left:5px}.catalog-results>span:last-child{font-size:5px;letter-spacing:1px}.template-grid{row-gap:29px;column-gap:14px}.template-art.catalog-stage{height:284px;padding:32px 17px 26px}.catalog-viewport{width:141px}.catalog-stage .card-tag{font-size:5px;padding:3px 5px;top:10px;left:8px}.catalog-stage .favorite{top:4px;right:3px;padding:6px}.catalog-stage .favorite svg{width:13px;height:13px}.catalog-number{font-size:5px;bottom:8px;left:9px;letter-spacing:1px}.template-preview-hit>span{display:none}.catalog-card .template-info{margin-top:13px;gap:5px}.catalog-category{font-size:6px;letter-spacing:.1px;margin-bottom:4px}.catalog-card .template-info h3{font-size:12px;margin-bottom:6px;line-height:1.5;letter-spacing:-.4px}.catalog-card .template-info p{font-size:8px;line-height:1.8;min-height:29px;max-width:100%;letter-spacing:-.2px}.catalog-card .free-label{font-size:7px;padding-top:16px;letter-spacing:.5px}.catalog-card .template-swatches{gap:4px;margin-top:9px}.catalog-card .template-swatches span{font-size:6px;letter-spacing:.1px;margin-left:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.catalog-card .template-swatches i{width:6px;height:6px;flex-shrink:0}.catalog-card-actions{grid-template-columns:1fr;margin-top:11px}.catalog-card-actions>button{font-size:9px;padding:9px 2px!important;justify-content:space-between;letter-spacing:-.1px}.catalog-card-actions>button:first-child{border-right:0;border-bottom:1px solid #e5e9dd;color:#8a967a}.catalog-card-actions>button:last-child{color:#526b3b}.catalog-card-actions>button>span{font-size:11px}.more-templates{font-size:10px;margin-top:31px;min-width:260px;padding:12px 17px;gap:15px}.more-templates .more-progress{font-size:8px}.catalog-visible-status{font-size:8px;margin-top:13px}.design-sample-note{font-size:7px!important;margin-top:8px!important;line-height:1.8}.catalog-empty-message{font-size:11px}.catalog-reset{font-size:10px}.empty-favorites{padding:45px 15px}}
@media(max-width:390px){.catalog-search-field input{font-size:9px}.catalog-searchbar{gap:15px}.catalog-sort select{font-size:9px}.template-art.catalog-stage{height:257px;padding:31px 12px 24px}.catalog-viewport{width:126px}.catalog-card .template-info h3{font-size:11px}.catalog-card .template-info p{font-size:7px;min-height:26px}.catalog-card .template-swatches span{font-size:5px}.catalog-card-actions>button{font-size:8px}.catalog-stage .card-tag{font-size:4px}.catalog-stage .favorite svg{width:12px;height:12px}.catalog-results>span:last-child{font-size:4px}.catalog-results{font-size:8px}.catalog-results strong{font-size:10px}.filter-tabs button{font-size:8px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.catalog-viewport,.catalog-viewport iframe,.template-preview-hit>span{transition:none}}
.catalog-searchbar{scroll-margin-top:110px}.catalog-refinements{display:flex;align-items:center;gap:28px;border-bottom:1px solid #dce1d4;padding:21px 0;color:#788369}.catalog-refinements label{display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.catalog-refinements select{font:11px 'Noto Sans KR',sans-serif;border:0;background:transparent;color:#3d5030;cursor:pointer;padding:7px 20px 7px 3px;max-width:190px}.collection-size{margin-left:auto;font:54px/.85 'Cormorant Garamond',Georgia,serif;color:#566a42;display:flex;align-items:center;gap:13px;letter-spacing:-2px}.collection-size small{font:7px/1.7 'DM Sans',sans-serif;letter-spacing:1px;max-width:95px}.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:60px}.catalog-pagination[hidden]{display:none}.catalog-pagination button{width:41px;height:41px;background:transparent;border:1px solid transparent;color:#7c866f;font:12px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}.catalog-pagination button:hover:not(:disabled){border-color:#a7b48e;background:#ecf0e4;color:#3f5733}.catalog-pagination [aria-current=page]{background:#465a37;color:#f4f5ee;border-color:#465a37}.catalog-pagination button:disabled{opacity:.25;cursor:default}.catalog-pagination button:focus-visible,.catalog-refinements select:focus-visible{outline:2px solid #7c955a;outline-offset:4px}
@media(max-width:900px){.catalog-refinements{gap:16px}.catalog-refinements label{gap:5px}.catalog-refinements select{max-width:145px}.collection-size{font-size:43px;gap:8px}.collection-size small{max-width:70px;font-size:6px}}
@media(max-width:640px){.catalog-refinements{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;padding:14px 0}.catalog-refinements label{font-size:8px;justify-content:space-between}.catalog-refinements select{font-size:9px;max-width:133px;padding:8px 2px;width:100%}.collection-size{font-size:30px;justify-self:end;gap:8px}.collection-size small{font-size:5px;max-width:82px;letter-spacing:.7px}.catalog-pagination{gap:3px;margin-top:33px}.catalog-pagination button{width:33px;height:36px;font-size:10px}.catalog-searchbar{scroll-margin-top:90px}.catalog-visible-status{line-height:1.8}}