.scTemplateLibraryWrap{align-items:center;display:inline-flex;margin:0 4px}.scTemplateLibraryButton{align-items:center;background:linear-gradient(135deg,#8c74fd,#4017f2);border:0;border-radius:8px;box-shadow:0 2px 8px rgba(64,23,242,.28);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:36px;padding:0 14px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.scTemplateLibraryButton svg{color:#fff}.scTemplateLibraryButton:hover{box-shadow:0 4px 14px rgba(64,23,242,.36);filter:brightness(1.04);transform:translateY(-1px)}.scTemplateLibraryButton:active{transform:translateY(0)}.scTLModalOverlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(15,23,41,.55);display:flex;inset:0;justify-content:center;opacity:0;padding:3vh 3vw;position:fixed;transition:opacity .22s ease,visibility .22s ease;visibility:hidden;z-index:100000}.scTLModalOverlay.isOpen{opacity:1;visibility:visible}.scTLModal{background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,41,.35);display:flex;flex-direction:column;height:100%;max-height:92vh;max-width:1200px;overflow:hidden;transform:translateY(18px) scale(.99);transition:transform .26s cubic-bezier(.2,.8,.2,1);width:100%}.isOpen .scTLModal{transform:translateY(0) scale(1)}.scTLModal *{box-sizing:border-box}.scTLHeader{border-bottom:1px solid #e7e9f1;flex:0 0 auto;gap:18px;padding:14px 18px}.scTLBrand,.scTLHeader{align-items:center;display:flex}.scTLBrand{color:#0f1729;font-size:15px;font-weight:700;gap:9px}.scTLBrand .scTLBrandLogo{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.scTLTabs{background:#f7f8fc;border-radius:10px;display:inline-flex;gap:4px;margin:0 auto;padding:4px}.scTLTab{background:transparent;border:0;border-radius:7px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.scTLTab.isActive{background:#fff;box-shadow:0 1px 3px rgba(15,23,41,.12);color:#4017f2}.scTLTab:hover:not(.isActive){color:#0f1729}.scTLClose{align-items:center;background:#f7f8fc;border:0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background .15s ease,color .15s ease;width:34px}.scTLClose:hover{background:#eef0f7;color:#0f1729}.scTLNotice{background:#fff8e1;border-bottom:1px solid #f3e6b3;color:#5b4b00;flex:0 0 auto;font-size:12.5px;line-height:1.5;padding:10px 18px}.scTLBody{display:flex;flex:1 1 auto;min-height:0}.scTLSidebar{background:#fcfcff;border-right:1px solid #e7e9f1;flex:0 0 232px;overflow-y:auto;padding:16px}.scTLSearch{align-items:center;display:flex;margin-bottom:16px;position:relative}.scTLSearch svg{color:#64748b;left:11px;pointer-events:none;position:absolute}.scTLSearch input{background:#fff;border:1px solid #e7e9f1;border-radius:9px;font-size:13px;height:38px;outline:none;padding:0 12px 0 34px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.scTLSearch input:focus{border-color:#8c74fd;box-shadow:0 0 0 3px rgba(140,116,253,.16)}.scTLAccess{display:flex;gap:6px;margin-bottom:16px}.scTLAccessBtn{align-items:center;background:#fff;border:1px solid #e7e9f1;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:0;padding:9px 6px;transition:border-color .14s ease,color .14s ease,background .14s ease}.scTLAccessBtn .scTLTick{background:#fff;border:1.5px solid #cbd2e0;border-radius:4px;flex:0 0 auto;height:15px;position:relative;transition:border-color .14s ease,background .14s ease;width:15px}.scTLAccessBtn .scTLTick:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scale(0);transition:transform .14s ease;width:4px}.scTLAccessBtn:hover{border-color:rgba(140,116,253,.5);color:#0f1729}.scTLAccessBtn.isActive .scTLTick:after{transform:rotate(45deg) scale(1)}.scTLAccessBtn.is-all.isActive{background:rgba(140,116,253,.08);border-color:#8c74fd;color:#4017f2}.scTLAccessBtn.is-all.isActive .scTLTick{background:#8c74fd;border-color:#8c74fd}.scTLAccessBtn.is-free.isActive{background:rgba(22,163,74,.08);border-color:#16a34a;color:#15803d}.scTLAccessBtn.is-free.isActive .scTLTick{background:#16a34a;border-color:#16a34a}.scTLAccessBtn.is-pro.isActive{background:rgba(217,119,6,.08);border-color:#d97706;color:#b45309}.scTLAccessBtn.is-pro.isActive .scTLTick{background:#d97706;border-color:#d97706}.scTLCatHeading{color:#9aa3b5;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 8px 4px;text-transform:uppercase}.scTLCategories{display:flex;flex-direction:column;gap:2px}.scTLCategory{align-items:center;background:transparent;border:0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:9px 12px;text-align:left;transition:background .13s ease,color .13s ease}.scTLCategory .scTLCatLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scTLCategory .scTLCount{background:#f7f8fc;border-radius:20px;color:#64748b;flex:0 0 auto;font-size:11px;font-weight:700;padding:1px 7px}.scTLCategory:hover{background:#f7f8fc;color:#0f1729}.scTLCategory.isActive{background:rgba(140,116,253,.12);color:#4017f2;font-weight:600}.scTLCategory.isActive .scTLCount{background:rgba(140,116,253,.18);color:#4017f2}.scTLContent{background:#f7f8fc;flex:1 1 auto;min-width:0;overflow-y:auto;padding:18px}.scTLGrid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.scTLGrid.isPages{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.scTLGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.scTLGrid{grid-template-columns:1fr}}.scTLCenter,.scTLGridState{align-items:center;display:flex;justify-content:center;min-height:220px;width:100%}.scTLEmpty{color:#64748b;font-size:14px}.scTLCard{background:#fff;border:1px solid #e7e9f1;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.scTLCard:hover{border-color:rgba(140,116,253,.5);box-shadow:0 12px 28px rgba(15,23,41,.14);transform:translateY(-3px)}.scTLCard:hover .scTLCardOverlay{opacity:1}.scTLCardPreview{background:#fff;border-bottom:1px solid #e7e9f1;height:210px;overflow:hidden;position:relative}.scTLCardPreview>img{display:block;height:auto;transform:translateY(0);transition:transform .4s ease;width:100%;will-change:transform}.scTLCard:hover .scTLCardPreview>img{transform:translateY(calc(210px - 100%));transition:transform 4s ease-in-out}.scTLBlockPreview{height:100%;overflow:hidden;pointer-events:none;transform-origin:top center}.scTLProBadge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 6px rgba(217,119,6,.4);color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;left:10px;letter-spacing:.02em;padding:3px 9px;top:10px}.scTLCardOverlay,.scTLProBadge{align-items:center;position:absolute}.scTLCardOverlay{background:rgba(15,23,41,.42);display:flex;inset:0;justify-content:center;opacity:0;padding:16px;transition:opacity .18s ease}.scTLCardTitle{color:#0f1729;margin:0;overflow:hidden;padding:12px 14px;text-overflow:ellipsis}.scTLCardTitle,.scTLImportBtn{font-size:13px;font-weight:600;white-space:nowrap}.scTLImportBtn{align-items:center;background:linear-gradient(135deg,#8c74fd,#4017f2);border:0;border-radius:9px;box-shadow:0 4px 14px rgba(64,23,242,.4);color:#fff;cursor:pointer;display:inline-flex;gap:7px;height:38px;padding:0 16px;text-decoration:none;transition:filter .13s ease,transform .13s ease}.scTLImportBtn svg{color:#fff}.scTLImportBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.scTLImportBtn:active{transform:translateY(0)}.scTLImportBtn.scTLImportPro{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(217,119,6,.42)}.scTLImportBtn.isError{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 14px rgba(185,28,28,.42)}.scTLImportBtn.isDisabled{background:#e2e5ef;box-shadow:none;color:#7c879c;cursor:not-allowed}.scTLProgress{color:#fff;max-width:240px;text-align:center;width:78%}.scTLProgressTrack{background:hsla(0,0%,100%,.3);border-radius:20px;height:8px;overflow:hidden}.scTLProgressBar{background:linear-gradient(90deg,#a78bfa,#fff);border-radius:20px;height:100%;transition:width .3s ease}.scTLProgressLabel{display:block;font-size:12px;font-weight:600;margin-top:9px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.scTLLoadMore{display:flex;justify-content:center;padding:22px 0 6px}.scTLBtn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:40px;padding:0 22px}.scTLBtnGhost{background:#fff;border:1px solid #8c74fd;color:#4017f2;transition:background .14s ease}.scTLBtnGhost:hover{background:rgba(140,116,253,.08)}