.tc-refdesigns{--tc-dark:#1d1d2b;--tc-grey:#f4f5f7;--tc-border:#e2e4e9;--tc-text:#33333d;color:var(--tc-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1280px;padding:8px}.tc-refdesigns,.tc-refdesigns *,.tc-refdesigns :after,.tc-refdesigns :before{box-sizing:border-box}.tc-refdesigns .tc-layout{align-items:flex-start;display:flex;gap:28px}.tc-refdesigns .tc-sidebar{flex:0 0 250px;position:sticky;top:16px}.tc-refdesigns .tc-main{flex:1 1 auto;min-width:0}.tc-refdesigns .tc-filterhead{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.tc-refdesigns .tc-filterhead h3{color:var(--tc-dark);font-size:20px;font-weight:700;margin:0}.tc-refdesigns .tc-reset{background:none;border:none;color:var(--tc-accent);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.tc-refdesigns .tc-search{border:1px solid var(--tc-border);border-radius:8px;font-size:14px;margin-bottom:18px;padding:11px 14px;width:100%}.tc-refdesigns .tc-search:focus{border-color:var(--tc-accent);outline:none}.tc-refdesigns .tc-group{border-top:1px solid var(--tc-border);padding:12px 0}.tc-refdesigns .tc-group:first-of-type{border-top:none}.tc-refdesigns .tc-group-title{align-items:center;color:var(--tc-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;user-select:none}.tc-refdesigns .tc-group-title .tc-chev{color:#8a8f99;font-size:11px;transition:transform .2s}.tc-refdesigns .tc-group.collapsed .tc-chev{transform:rotate(-90deg)}.tc-refdesigns .tc-options{display:flex;flex-direction:column;gap:7px;margin-top:10px;max-height:230px;overflow:auto}.tc-refdesigns .tc-group.collapsed .tc-options{display:none}.tc-refdesigns .tc-opt{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;line-height:1.3}.tc-refdesigns .tc-opt input{accent-color:var(--tc-accent);cursor:pointer;flex:0 0 auto;height:15px;width:15px}.tc-refdesigns .tc-opt .tc-cnt{color:#9aa0aa;font-size:12px;margin-left:auto}.tc-refdesigns .tc-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.tc-refdesigns .tc-count{color:#6b7280;font-size:14px}.tc-refdesigns .tc-count b{color:var(--tc-dark)}.tc-refdesigns .tc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tc-refdesigns .tc-chip{align-items:center;background:var(--tc-grey);border-radius:20px;display:flex;font-size:12px;gap:6px;padding:5px 12px}.tc-refdesigns .tc-chip span{color:#9aa0aa;cursor:pointer;font-weight:700}.tc-refdesigns .tc-chip span:hover{color:var(--tc-accent)}.tc-refdesigns .tc-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tc-refdesigns .tc-card{background:#fff;border:1px solid var(--tc-border);border-radius:12px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .2s,transform .2s}.tc-refdesigns .tc-card:hover{box-shadow:0 8px 24px rgba(29,29,43,.12);transform:translateY(-3px)}.tc-refdesigns .tc-card-img{align-items:center;background:var(--tc-grey) center/cover no-repeat;color:#c2c6cf;display:flex;font-size:13px;height:150px;justify-content:center}.tc-refdesigns .tc-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 18px}.tc-refdesigns .tc-card-body h4{color:var(--tc-dark);font-size:16px;font-weight:700;margin:0}.tc-refdesigns .tc-card-desc{color:#5b6068;flex:1;font-size:13px;line-height:1.5;margin:0}.tc-refdesigns .tc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tc-refdesigns .tc-tag{background:var(--tc-grey);border-radius:5px;color:#555b66;font-size:11px;padding:3px 9px}.tc-refdesigns .tc-tag.tc-mat{background:#fdecee;color:var(--tc-accent);font-weight:600}.tc-refdesigns .tc-empty,.tc-refdesigns .tc-loading{color:#8a8f99;padding:60px 20px;text-align:center}.tc-refdesigns .tc-mobile-toggle{display:none}@media(max-width:860px){.tc-refdesigns .tc-layout{flex-direction:column}.tc-refdesigns .tc-sidebar{display:none;flex:1 1 auto;position:static;width:100%}.tc-refdesigns .tc-sidebar.open{display:block}.tc-refdesigns .tc-mobile-toggle{background:var(--tc-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:16px;padding:11px 18px}}