.tool-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#f6efe4;border:1px solid var(--line);border-radius:17px;padding:14px 16px;margin:-10px 0 25px}
.tool-row label{display:grid;gap:4px;font-size:10px;font-weight:800;color:var(--muted)}
.tool-row select{min-width:145px;border:1px solid #d9d1c4;border-radius:9px;background:#fff;color:var(--ink);padding:9px 34px 9px 11px;font:700 12px inherit}
.favorite-filter,.text-button{border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}
.favorite-filter{min-height:39px;border:1px solid #d9d1c4;border-radius:10px;background:#fff;padding:8px 13px;margin-left:auto}
.favorite-filter.active{background:#fff0eb;color:var(--coral-dark);border-color:var(--coral)}
.card{position:relative}
.heart-button{position:absolute;right:10px;top:10px;z-index:2;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(24,50,74,.12)}
.heart-button.liked{color:#e84f54;background:#fff0f0}
.heart-button.large{position:static;flex:0 0 auto}
.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.discovery{padding-top:35px}
.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card.compact .card-body p,.card.compact .card-actions{display:none}
.card.compact .card-body{padding:13px}
.favorites-empty{border:1px dashed #cfc5b7;border-radius:16px;padding:28px;text-align:center;color:var(--muted)}
.bg-switch{position:absolute;bottom:14px;display:flex;background:#fff;padding:4px;border-radius:20px;box-shadow:0 3px 15px rgba(0,0,0,.12)}
.bg-switch button{border:0;background:transparent;border-radius:16px;padding:6px 10px;font-size:10px;cursor:pointer}
.bg-switch button.active{background:var(--ink);color:#fff}
.preview-bg[data-bg="light"]{background:#fff;background-image:none}
.preview-bg[data-bg="dark"]{background:#24394b;background-image:none}
.related{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.related h3{font-size:13px;margin:0 0 10px}
.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.related button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px;cursor:pointer;color:var(--ink);font:700 9px inherit}
.related img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.related span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.mini-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.tool-row{align-items:stretch}.tool-row label{width:calc(50% - 6px)}.tool-row select{min-width:0;width:100%}.favorite-filter{width:100%;margin-left:0}.mini-grid{grid-template-columns:repeat(2,1fr)}.discovery{padding-top:18px}.related{margin-bottom:5px}}
.visitor-counter{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.58);border:1px solid #dcd2c2;border-radius:20px;padding:4px 11px;color:var(--muted)}
.visitor-counter[hidden]{display:none}
.visitor-counter b{color:var(--coral-dark);font-size:13px}
.site-header{height:100px}
.site-header .brand{font-size:20px;gap:14px}
.site-header .brand-mark{width:54px;height:54px;border-radius:16px 16px 21px 16px;font-size:28px}
.site-header .brand small{font-size:9px;margin-top:5px;letter-spacing:.18em}
@media(max-width:640px){.footer-bottom{grid-template-columns:1fr}.visitor-counter{justify-self:start}}
.ranked-card{position:relative}.ranked-card>b{position:absolute;z-index:3;top:-8px;left:-8px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ff7059;color:#fff;border:3px solid #fff;box-shadow:0 4px 10px rgba(23,43,73,.18);font-size:18px}.ranked-card .card{height:100%}
.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}.card-actions .detail-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.collection-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-link-grid a{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid #e4ddd1;border-radius:17px;background:#fff;color:#172b49;text-decoration:none;transition:.18s ease}.collection-link-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(23,43,73,.1);border-color:#ff7059}.collection-link-grid b{font-size:17px}.collection-link-grid span{font-size:12px;color:#697386}@media(max-width:800px){.collection-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.collection-link-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{height:78px}.site-header .brand{font-size:16px;gap:10px}.site-header .brand-mark{width:44px;height:44px;font-size:23px}.site-header .brand small{font-size:7px}}
.card-actions .detail-link,.card-actions .card-download{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;width:auto}.card-actions .detail-link{flex:.8}.card-actions .card-download{flex:1.2;padding-left:5px;padding-right:5px}@media(max-width:640px){.card-actions{gap:5px}.card-actions .detail-link,.card-actions .card-download{font-size:10px;padding:8px 4px}.card-actions .detail-link{display:inline-flex}}