.tc-catalog{--tc-ink:#201e28;--tc-muted:#797480;--tc-line:#e5e1eb;--tc-accent:#7651e8;color:var(--tc-ink)}
.tc-catalog *, .tc-media *{box-sizing:border-box}.tc-catalog [hidden]{display:none!important}
.tc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0 16px}
.tc-types,.tc-categories{display:flex;flex-wrap:wrap;gap:7px}.tc-types button,.tc-categories button,.tc-more{font:inherit;border:1px solid var(--tc-line);background:transparent;color:inherit;cursor:pointer;border-radius:99px;padding:13px 20px;font-size:13px;font-weight:650;transition:background .2s,color .2s}
.tc-types button[aria-pressed=true]{background:var(--tc-ink);border-color:var(--tc-ink);color:white}.tc-categories button{padding:9px 14px;font-size:12px}.tc-categories button[aria-pressed=true]{background:#ece5ff;border-color:#d3c3ff;color:#5e38c6}
.tc-search{display:flex;align-items:center;gap:10px;border:1px solid var(--tc-line);border-radius:99px;background:#fff;padding:0 16px;max-width:100%;min-height:44px}.tc-search input{min-width:0;width:190px;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:inherit}.tc-search:focus-within{outline:2px solid #9475ed;outline-offset:2px}
.tc-results{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--tc-muted);font-size:12px;margin:21px 0 15px;line-height:1.6}
.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.tc-card{min-width:0;border:1px solid var(--tc-line);border-radius:22px;background:#fff;overflow:hidden;transition:box-shadow .25s,border-color .25s}.tc-card:hover{border-color:#d0c0f6;box-shadow:0 16px 40px #3324480c}
.tc-media{position:relative;isolation:isolate;aspect-ratio:390/844;background:#eeedf2;overflow:hidden;color:#211b32;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.tc-cover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#f5f3f9,#e7e3ed)}
.tc-media .tc-cover img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;display:block;transition:opacity .25s}
.tc-placeholder{height:100%;width:100%;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 80% 10%,#cab6f8,transparent 60%),linear-gradient(150deg,#ede8f9,#e5e2eb)}.tc-placeholder span{font-weight:900;font-size:20px;color:#7954cb}.tc-placeholder strong{font-size:28px;line-height:1.1;overflow-wrap:anywhere;letter-spacing:-.04em}
.tc-motion{position:absolute;inset:0;opacity:0;pointer-events:none;background:#fff;overflow:hidden;transition:opacity .25s}.tc-motion img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;transform:none;transform-origin:top center;will-change:transform}
.tc-media.is-preview .tc-motion{opacity:1}.tc-preview-toggle{position:absolute;z-index:2;right:12px;bottom:12px;display:inline-flex;gap:10px;align-items:center;border:1px solid #ffffffbf;border-radius:99px;background:#fffffff0;color:#2d2639;box-shadow:0 4px 20px #25122c12;font:inherit;font-size:11px;font-weight:750;padding:10px 14px;cursor:pointer;backdrop-filter:blur(10px)}
.tc-media.is-preview .tc-preview-toggle{background:#2e243dec;color:#fff;border-color:#ffffff22}
.tc-card-info{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px}.tc-card-info>div{min-width:0;flex:1 1 130px}.tc-category{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--tc-muted);line-height:1.5}.tc-card-info h3{font-size:20px;line-height:1.15;letter-spacing:-.04em;margin:8px 0 0;overflow-wrap:anywhere}.tc-create{flex:none;display:inline-flex;align-items:center;gap:8px;color:#6840cd;font-weight:750;font-size:12px;min-height:42px;padding:8px 12px;border-radius:99px;background:#f1ebff}.tc-create:hover{background:#7651e8;color:white}
.tc-empty{padding:60px 20px;text-align:center;background:#ffffff7a;border-radius:20px;color:var(--tc-muted);line-height:1.6}.tc-more{display:block;margin:30px auto 0;background:white;min-height:46px}
.tc-catalog :focus-visible,.tc-preview-toggle:focus-visible{outline:3px solid #a285ed;outline-offset:3px}
@media(max-width:1100px){.tc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-card-info{padding:16px}.tc-card-info h3{font-size:19px}}
@media(max-width:800px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.tc-grid{grid-template-columns:minmax(0,360px);justify-content:center;gap:24px}.tc-toolbar{gap:14px}.tc-types{gap:6px}.tc-types button{padding:11px 14px;font-size:12px}.tc-search{width:100%}.tc-search input{width:100%}.tc-results{font-size:11px}.tc-card{border-radius:18px}.tc-card-info{padding:19px}.tc-categories button{font-size:11px}.tc-card-info h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tc-media.is-preview .tc-motion{overflow:auto;pointer-events:auto}.tc-motion img{will-change:auto}.tc-catalog *,.tc-media *{transition:none!important;scroll-behavior:auto!important}}
/* Keep mobile previews compact in the administration grid and editor. */
.tca-card .tc-media{width:min(100%,240px);margin:18px auto 0;border-radius:14px;border:1px solid #ffffff1a}
.tca-preview-panel .tc-media{width:min(100%,280px);margin:0 auto}

.tc-catalog .tc-card-info{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.tc-catalog .tc-create{justify-self:start}