/* Creator Gallery — page-scoped; shared brand navigation and footer remain canonical. */
html[data-browse-gallery] { scroll-behavior:smooth; }
body.bg-page { margin:0; color:#101d50; background:#fbfdff; font-family:Inter,Arial,sans-serif; }
html[data-browse-gallery] #ugcGlobalHeader#ugcGlobalHeader[data-ugc-arctic] .ar-creator-search { display:none!important; }
html[data-browse-gallery] #ugcGlobalHeader#ugcGlobalHeader[data-ugc-arctic] .ar-header-inner { grid-template-rows:68px; padding-top:9px; padding-bottom:9px; row-gap:0; }
#browseGallery { --ink:#101d50; --blue:#0757ff; --yellow:#f4c83d; --line:#e0eafb; font-size:14px; line-height:1.5; color:var(--ink); }
#browseGallery *, #browseGallery *:before, #browseGallery *:after { box-sizing:border-box; }
#browseGallery button,#browseGallery input,#browseGallery select { font:inherit; }
#browseGallery button,#browseGallery a { -webkit-tap-highlight-color:transparent; }
#browseGallery button { cursor:pointer; }
#browseGallery button:disabled { cursor:wait; opacity:.55; }
#browseGallery :focus-visible,.bg-skip:focus { outline:3px solid #6da8ff; outline-offset:3px; }
#browseGallery h1,#browseGallery h2,#browseGallery h3,#browseGallery p,#browseGallery figure { margin:0; }
#browseGallery a { color:var(--blue); text-decoration:none; }
.bg-skip { position:fixed; top:8px; left:12px; z-index:10000; transform:translateY(-180%); padding:12px 18px; background:white; }
.bg-skip:focus { transform:none; }
#browseGallery .bg-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#browseGallery .bg-wrap { width:min(1220px,calc(100% - 64px)); margin-inline:auto; }
#browseGallery .bg-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; vertical-align:middle; }
#browseGallery .bg-hero { background:radial-gradient(ellipse at 67% 70%,#d9f2ed66,transparent 28%),linear-gradient(110deg,#f2efff 0%,#f0f7ff 58%,#f6faff 100%); overflow:hidden; }
#browseGallery .bg-hero-inner { display:grid; grid-template-columns:1.03fr 1fr; align-items:center; gap:25px; min-height:325px; padding:22px 0 60px; }
#browseGallery .bg-eyebrow { font-size:10px; letter-spacing:.19em; font-weight:800; color:#50638c; margin-bottom:15px; }
#browseGallery h1 { font-size:clamp(30px,3.05vw,43px); font-weight:800; line-height:1.12; letter-spacing:-1.8px; max-width:620px; }
#browseGallery .bg-highlight { position:relative; z-index:0; white-space:nowrap; }
#browseGallery .bg-highlight:before { content:''; position:absolute; z-index:-1; inset:2px -7px -1px -8px; background:var(--yellow); transform:rotate(-1.2deg); clip-path:polygon(3% 6%,98% 2%,96% 12%,100% 19%,97% 30%,100% 38%,97% 49%,100% 62%,96% 75%,99% 86%,94% 98%,1% 95%,3% 82%,0 72%,3% 59%,0 43%,3% 33%,0 22%); }
#browseGallery .bg-hero-copy>p:last-child { font-size:16px; line-height:1.6; color:#50618a; max-width:480px; margin-top:19px; }
#browseGallery .bg-portraits { display:flex; gap:12px; align-items:center; height:266px; padding:10px 4px 0; position:relative; }
#browseGallery .bg-portraits:before { content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#bce7dd; filter:blur(2px); left:-35px; bottom:52px; }
#browseGallery .bg-portrait { flex:1; min-width:0; height:243px; border-radius:17px; position:relative; box-shadow:0 7px 16px #1a42771a; background:#dfe9f2; }
#browseGallery .bg-portrait img { width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
#browseGallery .bg-portrait-beauty { transform:rotate(-5deg) translateY(-6px); }
#browseGallery .bg-portrait-tech { transform:rotate(3deg); }
#browseGallery .bg-portrait-pets { transform:rotate(7deg) translateY(10px); }
#browseGallery .bg-portrait figcaption { position:absolute; bottom:11px; left:11px; display:flex; align-items:center; gap:5px; border-radius:24px; padding:7px 13px; font-size:11px; font-weight:600; box-shadow:0 3px 12px #14234012; }
#browseGallery .bg-portrait figcaption svg { width:16px; height:16px; }
#browseGallery .bg-search-panel { position:relative; margin-top:-45px; z-index:10; padding:19px 22px 17px; border-radius:22px; background:#fff; border:1px solid #eef5ff; box-shadow:0 7px 28px #3095ff14; }
#browseGallery .bg-search-line { display:flex; gap:12px; align-items:center; }
#browseGallery .bg-query { display:flex; align-items:center; gap:12px; flex:1; min-width:0; border:1px solid #d8e8ff; border-radius:100px; height:49px; padding:0 18px; color:var(--blue); background:linear-gradient(#fff,#fcfdff); box-shadow:2px 4px 11px #81baff30; }
#browseGallery .bg-query:focus-within { border-color:#8bb8ff; box-shadow:2px 5px 13px #7ebeff50; }
#browseGallery .bg-query input { width:100%; min-width:0; outline:0; border:0; color:var(--ink); background:transparent; font-size:13px; }
#browseGallery .bg-query input::placeholder { color:#71809d; opacity:1; }
#browseGallery .bg-brush { --brush-color:#0757ff; border:0; background:transparent; color:#fff; position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:45px; padding:10px 26px; font-size:13px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none; }
#browseGallery .bg-brush:before { content:''; position:absolute; z-index:-1; inset:0; background:var(--brush-color); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 90' preserveAspectRatio='none'%3E%3Cpath d='M43 6C87 0 160 6 213 14C249 19 272 34 276 56C279 75 267 84 249 82C190 76 110 88 53 86C20 86 4 72 4 51C4 29 18 12 43 6Z'/%3E%3C/svg%3E") center/100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 90' preserveAspectRatio='none'%3E%3Cpath d='M43 6C87 0 160 6 213 14C249 19 272 34 276 56C279 75 267 84 249 82C190 76 110 88 53 86C20 86 4 72 4 51C4 29 18 12 43 6Z'/%3E%3C/svg%3E") center/100% 100% no-repeat; transition:filter .18s; }
#browseGallery .bg-brush:hover:before { filter:brightness(.95); }
#browseGallery .bg-yellow { --brush-color:#f4c83d; color:#0b1547; }
#browseGallery #heroCreatorSearch { width:174px; flex:none; }
#browseGallery .bg-quick-filters { display:grid; grid-template-columns:repeat(4,1fr) 1.16fr; gap:10px; margin-top:13px; }
#browseGallery .bg-field { display:block; min-width:0; }
#browseGallery .bg-field>span { display:block; font-size:12px; color:#53658b; margin-bottom:6px; }
#browseGallery .bg-quick-filters .bg-field>span,#browseGallery .bg-sort .bg-field>span { display:none; }
#browseGallery select { width:100%; min-height:40px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:#fff; padding:8px 12px; }
#browseGallery .bg-select { position:relative; min-width:0; }
#browseGallery .bg-select>select { display:none; }
#browseGallery .bg-select-trigger,#browseGallery .bg-more { width:100%; display:flex; align-items:center; justify-content:space-between; gap:9px; min-height:40px; border:1px solid var(--line); border-radius:12px; color:#354773; background:#fff; padding:9px 12px; text-align:left; font-size:12px; box-shadow:0 2px 4px #23467d03; }
#browseGallery .bg-select-trigger>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#browseGallery .bg-select-trigger[aria-expanded=true] { border-color:#83b1ff; }
#browseGallery .bg-quick-filters .bg-select-trigger,#browseGallery .bg-more { border-radius:24px; padding-inline:16px; }
#browseGallery .bg-select-menu { position:absolute; top:calc(100% + 6px); left:0; width:100%; min-width:0; max-height:290px; overflow:auto; z-index:70; border:1px solid #dce7fa; border-radius:14px; padding:6px; background:white; box-shadow:0 10px 30px #183c6e26; }
#browseGallery .bg-select-search { width:100%; padding:9px; border:1px solid var(--line); border-radius:9px; margin-bottom:4px; color:var(--ink); }
#browseGallery .bg-select-option { display:block; border:0; width:100%; background:white; color:#253b66; border-radius:8px; padding:10px; text-align:left; font-size:12px; }
#browseGallery .bg-select-option:hover,#browseGallery .bg-select-option[aria-selected=true] { background:#edf4ff; color:var(--blue); }
#browseGallery .bg-categories { display:flex; justify-content:space-between; gap:8px; margin-top:15px; flex-wrap:wrap; }
#browseGallery .bg-category { display:flex; align-items:center; justify-content:center; flex:1; gap:8px; border:1px solid transparent; border-radius:26px; min-height:40px; padding:8px 12px; font-size:11px; color:var(--ink); }
#browseGallery .bg-category[aria-pressed=true] { border-color:#7dafff; box-shadow:0 0 0 2px #cfe3ff; }
#browseGallery .bg-beauty { background:#ffedf6; color:#a92372; } #browseGallery .bg-lifestyle { background:#f3edff; color:#6941a1; } #browseGallery .bg-food { background:#fff3ea; color:#af5d19; } #browseGallery .bg-tech { background:#eaf3ff; color:#145cce; } #browseGallery .bg-pets { background:#e9faf2; color:#218263; } #browseGallery .bg-travel { background:#ecf5ff; color:#206bac; } #browseGallery .bg-fashion { background:#fff0f6; color:#b83566; } #browseGallery .bg-fitness { background:#fff8e7; color:#9d7118; } #browseGallery .bg-home { background:#ecf9f6; color:#2b8275; }
#browseGallery .bg-marketplace { display:grid; grid-template-columns:244px minmax(0,1fr); gap:24px; padding:25px 0 32px; align-items:start; }
#browseGallery .bg-filters { padding:17px; border-radius:17px; background:white; box-shadow:0 4px 18px #287dd012; border:1px solid #edf3fd; }
#browseGallery .bg-filter-heading { display:flex; align-items:center; gap:8px; padding-bottom:12px; }
#browseGallery .bg-filter-heading h2 { font-size:20px; letter-spacing:-.6px; flex:1; }
#browseGallery .bg-filter-heading>button { background:none; border:0; color:var(--blue); padding:4px 0; font-size:11px; }
#browseGallery .bg-filter-block { padding:15px 0; border-top:1px solid #e8effb; }
#browseGallery .bg-filter-block h3 { display:flex; align-items:center; gap:7px; font-size:12px; margin-bottom:11px; }
#browseGallery .bg-filter-block h3 svg { width:15px; height:15px; }
#browseGallery .bg-range { width:100%; margin:2px 0 12px; accent-color:var(--blue); }
#browseGallery .bg-price-inputs { display:flex; align-items:center; gap:10px; font-size:11px; }
#browseGallery .bg-price-inputs label { display:flex; align-items:center; border:1px solid var(--line); padding:7px 6px; border-radius:9px; width:85px; gap:2px; }
#browseGallery .bg-price-inputs input { border:0; width:100%; padding:0; min-width:0; color:var(--ink); font-size:11px; background:transparent; }
#browseGallery .bg-check-list { display:grid; gap:8px; }
#browseGallery .bg-check { display:flex; align-items:center; gap:8px; font-size:12px; color:#45577c; cursor:pointer; }
#browseGallery .bg-check input { accent-color:var(--blue); width:14px; height:14px; margin:0; flex:none; }
#browseGallery .bg-filter-details { border-top:1px solid #e8effb; }
#browseGallery .bg-filter-details summary { font-size:12px; font-weight:600; padding:13px 0; cursor:pointer; }
#browseGallery .bg-filter-details>div { display:grid; gap:12px; padding-bottom:14px; }
#browseGallery .bg-filter-details>.bg-check { padding-bottom:15px; }
#browseGallery .bg-apply { margin-top:15px; width:100%; }
#browseGallery .bg-close-filters { display:none; }
#browseGallery .bg-results-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
#browseGallery .bg-modes { display:flex; padding:3px; border-radius:24px; background:#eef4fd; gap:3px; }
#browseGallery .bg-modes button { border:0; border-radius:22px; background:transparent; color:#53648a; padding:9px 14px; font-size:12px; font-weight:600; }
#browseGallery .bg-modes button[aria-pressed=true] { background:#fff; color:#0757ff; box-shadow:0 2px 6px #2c58941a; }
#browseGallery .bg-sort { display:flex; align-items:center; gap:10px; font-size:11px; color:#55668d; }
#browseGallery .bg-sort .bg-field { width:159px; }
#browseGallery .bg-sort .bg-select-trigger { min-height:36px; }
#browseGallery .bg-demo-note { color:#7583a0; font-size:11px; margin-top:10px; }
#browseGallery .bg-active-filters { display:flex; flex-wrap:wrap; gap:7px; }
#browseGallery .bg-active-filters:not(:empty) { margin-top:13px; }
#browseGallery .bg-active-filters button { border:0; background:#eaf3ff; border-radius:22px; padding:7px 11px; font-size:11px; color:#244273; }
#browseGallery .bg-result-summary { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:14px 0 13px; font-size:11px; color:#596b8e; min-height:20px; }
#browseGallery .bg-saved-toggle { font-size:11px; }
#browseGallery .bg-creator-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 16px; }
#browseGallery .bg-card { min-width:0; overflow:hidden; border-radius:14px; background:#fff; border:1px solid #edf3fd; box-shadow:0 4px 13px #287dd00e; transition:transform .18s,box-shadow .18s; }
#browseGallery .bg-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px #287dd01b; }
#browseGallery .bg-card-photo { position:relative; aspect-ratio:1.25; background:linear-gradient(140deg,#e7f1ff,#f1edff); overflow:hidden; }
#browseGallery .bg-card-photo>a { display:block; width:100%; height:100%; }
#browseGallery .bg-card-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 27%; }
#browseGallery .bg-monogram { width:100%; height:100%; display:grid; place-items:center; font-size:50px; font-weight:600; color:#5275b4; }
#browseGallery .bg-save { position:absolute; right:10px; top:10px; border:0; border-radius:50%; background:#ffffffed; color:#1d315a; width:32px; height:32px; display:grid; place-items:center; box-shadow:0 2px 8px #132d511a; }
#browseGallery .bg-save[aria-pressed=true] { color:#0757ff; background:#fff; }
#browseGallery .bg-save[aria-pressed=true] svg { fill:#dceaff; }
#browseGallery .bg-card-demo { position:absolute; left:10px; bottom:10px; border-radius:20px; padding:4px 9px; font-size:10px; font-weight:600; background:#fff4cd; color:#77550a; }
#browseGallery .bg-card-body { padding:16px 16px 20px; }
#browseGallery .bg-card-name { display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; }
#browseGallery .bg-card-name h3 { font-size:19px; letter-spacing:-.45px; line-height:1.3; }
#browseGallery .bg-card-name a { color:var(--ink); }
#browseGallery .bg-verified { display:inline-flex; align-items:center; flex:none; gap:4px; padding:3px 6px; border:1px solid #cfdefc; border-radius:20px; background:#edf4ff; color:#0757e8; font-size:11px; font-weight:700; line-height:1.4; white-space:nowrap; }
#browseGallery .bg-verified svg { width:16px; height:16px; flex:none; }
#browseGallery .bg-verified svg circle { fill:#0757ff; }
#browseGallery .bg-verified svg path { fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#browseGallery .bg-verified small { margin-left:1px; font-size:8px; font-weight:650; letter-spacing:.3px; text-transform:uppercase; color:#516891; }
#browseGallery .bg-card-location { display:flex; align-items:flex-start; gap:6px; font-size:14px; line-height:1.45; color:#435779; margin-top:8px; min-height:21px; }
#browseGallery .bg-card-location svg { width:17px; height:17px; margin-top:2px; }
#browseGallery .bg-card-about { font-size:15px; color:#435779; line-height:1.55; margin-top:11px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:70px; }
#browseGallery .bg-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; min-height:23px; }
#browseGallery .bg-tags span { font-size:12px; padding:5px 9px; border-radius:15px; background:#eef2ff; color:#45518a; }
#browseGallery .bg-tags span:first-child { background:#fceef5; color:#a13d71; }
#browseGallery .bg-card-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 14px; margin:15px 0 12px; font-size:14px; }
#browseGallery .bg-card-language { display:flex; gap:6px; align-items:center; min-width:0; color:#344a72; font-size:14px; font-weight:500; }
#browseGallery .bg-card-language span { white-space:normal; overflow-wrap:anywhere; }
#browseGallery .bg-card-language svg { width:18px; height:18px; }
#browseGallery .bg-card-price { display:flex; align-items:baseline; gap:5px; flex:none; font-weight:700; font-size:18px; color:#101d50; white-space:nowrap; }
#browseGallery .bg-card .bg-brush { display:flex; width:178px; max-width:88%; min-height:42px; padding:9px 17px; margin:15px auto 4px; font-size:13px; gap:12px; filter:drop-shadow(0 5px 4px #064ac833); transition:transform .16s,filter .16s; }
#browseGallery .bg-pagination { display:flex; justify-content:center; gap:9px; margin:24px 0 5px; flex-wrap:wrap; }
#browseGallery .bg-pagination button { background:#fff; border:1px solid #e1ebfc; color:var(--blue); border-radius:50%; min-width:37px; height:37px; font-size:12px; box-shadow:0 3px 6px #287dd00b; }
#browseGallery .bg-pagination button[aria-current=page] { background:#0757ff; color:white; border-color:#0757ff; }
#browseGallery .bg-pagination button:disabled { opacity:.4; cursor:default; }
#browseGallery .bg-empty { grid-column:1/-1; padding:65px 24px; text-align:center; border:1px dashed #cbdcf5; border-radius:18px; background:#fff; }
#browseGallery .bg-empty h3 { font-size:20px; margin-bottom:8px; }
#browseGallery .bg-empty p { color:#667999; margin-bottom:20px; }
#browseGallery .bg-skeleton { min-height:360px; background:linear-gradient(110deg,#edf3fa 25%,#f7faff 40%,#edf3fa 65%); border-radius:14px; }
#browseGallery .bg-error { color:#ae382c; font-size:11px; margin-top:6px; }
#browseGallery .bg-help { background:#e8f3ff url('/assets/arctic-navigation-20261014/header.webp') center/cover; padding:25px 0; }
#browseGallery .bg-help>.bg-wrap { display:flex; align-items:center; gap:22px; }
#browseGallery .bg-help-icon { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#ffffffb5; color:var(--blue); flex:none; }
#browseGallery .bg-help-icon svg { width:32px; height:32px; }
#browseGallery .bg-help h2 { font-size:23px; letter-spacing:-.7px; }
#browseGallery .bg-help p { margin-top:4px; color:#53648a; font-size:13px; }
#browseGallery .bg-help .bg-brush { margin-left:auto; min-width:270px; min-height:61px; font-size:15px; }
#browseGallery [hidden] { display:none!important; }
@media(min-width:901px) { #browseGallery .bg-filter-backdrop { display:none; } }
@media(max-width:1100px) { #browseGallery .bg-wrap { width:calc(100% - 40px); } #browseGallery .bg-marketplace { grid-template-columns:210px minmax(0,1fr); gap:18px; } #browseGallery .bg-categories { justify-content:center; } #browseGallery .bg-category { flex:0 0 auto; } #browseGallery h1 { font-size:34px; } #browseGallery .bg-portrait { height:220px; } #browseGallery .bg-card-meta { flex-wrap:wrap; } }
@media(max-width:900px) { #browseGallery .bg-marketplace { grid-template-columns:1fr; } #browseGallery .bg-filters { position:fixed; inset:0 auto 0 0; width:min(340px,90vw); z-index:10002; overflow-y:auto; visibility:hidden; transform:translateX(-105%); transition:transform .22s; border-radius:0; padding:24px; } #browseGallery .bg-filters.is-open { visibility:visible; transform:translateX(0); } #browseGallery .bg-close-filters { display:block; margin-left:12px; font-size:26px!important; } #browseGallery .bg-filter-backdrop { position:fixed; inset:0; z-index:10001; background:#07153866; } body.bg-filters-open { overflow:hidden; } #browseGallery .bg-hero-inner { gap:20px; grid-template-columns:1.1fr 1fr; } #browseGallery h1 { font-size:31px; } #browseGallery .bg-hero-copy>p:last-child { font-size:14px; } #browseGallery .bg-portrait { height:195px; } #browseGallery .bg-portraits { gap:8px; } #browseGallery .bg-portrait figcaption { left:5px; padding:5px 8px; font-size:10px; } #browseGallery .bg-help .bg-brush { min-width:230px; } }
@media(max-width:640px) { html[data-browse-gallery] #ugcGlobalHeader#ugcGlobalHeader[data-ugc-arctic] .ar-header-inner { grid-template-rows:46px; padding-top:9px; padding-bottom:9px; } #browseGallery .bg-wrap { width:calc(100% - 28px); } #browseGallery .bg-hero-inner { display:flex; flex-direction:column; align-items:stretch; padding-top:30px; padding-bottom:55px; gap:17px; } #browseGallery .bg-eyebrow { font-size:9px; margin-bottom:13px; } #browseGallery h1 { font-size:clamp(29px,7.3vw,39px); letter-spacing:-1.3px; } #browseGallery .bg-hero-copy>p:last-child { margin-top:15px; max-width:440px; font-size:14px; } #browseGallery .bg-portraits { height:202px; max-width:440px; width:100%; margin:auto; gap:10px; padding:5px 5px 0; } #browseGallery .bg-portrait { height:187px; } #browseGallery .bg-portrait figcaption { font-size:10px; left:8px; } #browseGallery .bg-search-panel { padding:14px; border-radius:18px; margin-top:-30px; } #browseGallery .bg-search-line { gap:7px; } #browseGallery .bg-query { height:46px; padding:0 11px; gap:7px; } #browseGallery .bg-query input { font-size:12px; } #browseGallery .bg-query .bg-icon { width:17px; } #browseGallery #heroCreatorSearch { width:89px; padding:9px 10px; gap:6px; font-size:12px; } #browseGallery .bg-quick-filters { grid-template-columns:1fr 1fr; gap:8px; } #browseGallery .bg-more { grid-column:1/-1; justify-content:center; } #browseGallery .bg-categories { gap:7px; justify-content:flex-start; } #browseGallery .bg-category { min-height:36px; font-size:10px; gap:5px; padding:7px 10px; flex:1 0 calc(33.333% - 7px); } #browseGallery .bg-category .bg-icon { width:17px; height:17px; } #browseGallery .bg-creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; } #browseGallery .bg-card-body { padding:14px 14px 19px; } #browseGallery .bg-card-name h3 { font-size:18px; } #browseGallery .bg-card-photo { aspect-ratio:.94; } #browseGallery .bg-card-about { min-height:70px; -webkit-line-clamp:3; } #browseGallery .bg-card-meta { min-height:42px; margin:13px 0 10px; gap:10px; } #browseGallery .bg-card-location { min-height:30px; } #browseGallery .bg-results-toolbar { align-items:center; gap:9px; } #browseGallery .bg-modes button { padding:8px 10px; font-size:11px; } #browseGallery .bg-sort>span { display:none; } #browseGallery .bg-sort .bg-field { width:137px; } #browseGallery .bg-sort .bg-select-trigger { font-size:11px; } #browseGallery .bg-demo-note { font-size:10px; } #browseGallery .bg-help>.bg-wrap { flex-wrap:wrap; gap:15px; } #browseGallery .bg-help-icon { width:45px; height:45px; } #browseGallery .bg-help>.bg-wrap>div:nth-child(2) { flex:1; } #browseGallery .bg-help h2 { font-size:19px; } #browseGallery .bg-help p { font-size:12px; } #browseGallery .bg-help .bg-brush { margin:0 0 0 60px; min-width:235px; min-height:54px; font-size:13px; } }
@media(max-width:370px) { #browseGallery .bg-creator-grid { grid-template-columns:1fr; } #browseGallery .bg-card-photo { aspect-ratio:1.25; } #browseGallery .bg-card-about { min-height:70px; -webkit-line-clamp:3; } #browseGallery .bg-card-location { min-height:15px; } #browseGallery .bg-help .bg-brush { margin-left:0; } }

/* Readable creator details and a raised version of the approved brush button. */
#browseGallery .bg-card-rating { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-height:22px; margin-top:7px; color:#526181; font-size:14px; line-height:1.4; }
#browseGallery .bg-card-rating strong { font-size:16px; color:#101d50; }
#browseGallery .bg-rating-stars { display:inline-flex; align-items:center; flex:none; gap:2px; }
#browseGallery .bg-rating-star { display:block; position:relative; width:20px; height:20px; flex:none; }
#browseGallery .bg-rating-star::before, #browseGallery .bg-rating-star-fill::before { content:""; display:block; width:20px; height:20px; background:url('/assets/rating-star-gold-20261015.svg') center/contain no-repeat; }
#browseGallery .bg-rating-star::before { filter:grayscale(1); opacity:.22; }
#browseGallery .bg-rating-star-fill { position:absolute; inset:0 auto 0 0; overflow:hidden; }
#browseGallery .bg-rating-detail { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; }
#browseGallery .bg-rating-demo { padding:2px 5px; border:1px solid #eadfbd; border-radius:4px; background:#fff9e8; color:#785b20; font-size:10px; font-weight:700; line-height:1.3; letter-spacing:.3px; text-transform:uppercase; }

#browseGallery .bg-card-price .bg-price-from { font-size:13px; font-weight:500; color:#526181; }
#browseGallery .bg-card-price strong { font-size:24px; font-weight:800; line-height:1.2; letter-spacing:-.5px; }
#browseGallery .bg-card .bg-brush:before { background:linear-gradient(174deg,#63a6ff 0%,#297cff 28%,#0757ff 61%,#0349da 100%); }
#browseGallery .bg-card .bg-brush:after { content:''; position:absolute; z-index:-2; inset:0; background:#0236b0; transform:translateY(4px); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 90' preserveAspectRatio='none'%3E%3Cpath d='M43 6C87 0 160 6 213 14C249 19 272 34 276 56C279 75 267 84 249 82C190 76 110 88 53 86C20 86 4 72 4 51C4 29 18 12 43 6Z'/%3E%3C/svg%3E") center/100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 90' preserveAspectRatio='none'%3E%3Cpath d='M43 6C87 0 160 6 213 14C249 19 272 34 276 56C279 75 267 84 249 82C190 76 110 88 53 86C20 86 4 72 4 51C4 29 18 12 43 6Z'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
#browseGallery .bg-card .bg-brush:hover { transform:translateY(-1px); filter:drop-shadow(0 7px 5px #064ac83d); }
#browseGallery .bg-card .bg-brush:active { transform:translateY(3px); filter:drop-shadow(0 2px 2px #064ac826); }
#browseGallery .bg-card .bg-brush:active:after { transform:translateY(1px); }
@media(max-width:520px) {
 #browseGallery .bg-creator-grid { grid-template-columns:1fr; }
 #browseGallery .bg-card-photo { aspect-ratio:1.25; }
 #browseGallery .bg-card-location { min-height:21px; }
 #browseGallery .bg-card-about { min-height:0; }
 #browseGallery .bg-card .bg-brush { width:170px; }
}

@media(prefers-reduced-motion:reduce) { html[data-browse-gallery] { scroll-behavior:auto; } #browseGallery * { transition:none!important; } }

/* Country flags share one small, cached image; no emoji/font dependency. */
#browseGallery .bg-country-flag { display:inline-block; flex:0 0 28px; width:28px; height:21px; background-image:url('/assets/country-flags-20261015.webp'); background-repeat:no-repeat; background-size:448px 336px; background-position:var(--flag-x) var(--flag-y); border-radius:2px; box-shadow:0 0 0 1px #14254b21; vertical-align:middle; }
#browseGallery .bg-country-label { display:inline-flex; align-items:center; gap:7px; max-width:100%; vertical-align:middle; text-align:left; }
#browseGallery .bg-country-label>span:last-child { min-width:0; overflow-wrap:anywhere; }
#browseGallery .bg-location-copy { min-width:0; }
#browseGallery .bg-card-location>.bg-icon { flex:none; }
#browseGallery .bg-select-trigger>.bg-country-label { min-width:0; }
#browseGallery .bg-active-filters button { display:inline-flex; align-items:center; gap:6px; }