/* Real TikTok artwork, with the platform's red / black / white identity. */
.gifts-catalog-note{display:block;font-size:10px;line-height:1.6;color:#9494a7}
#tiktok-gifts-panel{min-width:0;padding-bottom:32px}
.gifts-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 32px}
.gifts-heading h2{font-size:30px;font-weight:700;letter-spacing:-.045em;margin-top:9px;color:#f2f2f6}.gifts-heading p{font-size:12px;line-height:1.8;color:#9191a2;margin-top:10px;max-width:580px}
.gifts-outline-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 14px;border:1px solid #ffffff15;background:#17171d;border-radius:8px;font:600 10px var(--font-body);color:#c0c0ce;cursor:pointer;white-space:nowrap}.gifts-outline-button:hover{color:#fff;border-color:#d1395855;background:#cb304f10}
.gifts-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.gifts-collection-heading h3{font-size:15px;font-weight:600;color:#dfdfe8;letter-spacing:-.025em}.gifts-collection-heading>span{color:#737385;font-size:9px}
.gifts-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}
.gifts-stat{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:19px 20px;min-width:0;min-height:108px;border:1px solid #ffffff0e;border-radius:12px;background:linear-gradient(130deg,#1a1a20,#131317)}
.gifts-stat>span{font-size:10px;color:#89899c}.gifts-stat>strong{font:650 25px var(--font-body);letter-spacing:-.04em;color:#eeeef5;overflow-wrap:anywhere}.gifts-stat:last-child>strong{font-size:18px;color:#ee9caa}.gifts-stat>small{font-size:9px;color:#7b7b8f;margin-top:-4px}
.gifts-view-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ffffff10;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}
.gifts-view-tabs>button{position:relative;flex:none;padding:13px 15px 15px;background:none;border:0;color:#87879a;font:600 11px var(--font-body);white-space:nowrap;cursor:pointer}.gifts-view-tabs>button:hover{color:#d5d5e3}.gifts-view-tabs>button[aria-selected=true]{color:#f3cad2}.gifts-view-tabs>button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:2px;background:#d03857;border-radius:5px}
.gifts-tools{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:18px}.gifts-search{display:flex;align-items:center;gap:11px;flex:1;max-width:500px;padding:0 13px;background:#121217;border:1px solid #ffffff12;border-radius:9px;color:#727286}.gifts-search input{width:100%;min-width:0;min-height:42px;padding:10px 0;background:none;border:0;outline:none;color:#dfdfe9;font:400 11px var(--font-body)}.gifts-search:focus-within{border-color:#ef526766}.gifts-search input::placeholder{color:#67677d}.gifts-search>i{font-size:11px}
.gifts-sort{display:flex;align-items:center;gap:10px;font-size:9px;color:#757589}.gifts-sort select{min-height:39px;background:#141419;border:1px solid #ffffff14;border-radius:8px;padding:9px 12px;color:#c5c5d1;font:500 10px var(--font-body)}
.gifts-results-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:20px}.gifts-results-heading>span{flex:none;font-size:10px;font-weight:600;color:#a3a3b5;padding-top:2px}.gifts-results-heading>p{max-width:650px;font-size:10px;line-height:1.7;color:#77778c;text-align:right}
.gifts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gift-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px 12px 17px;border:1px solid #ffffff0d;border-radius:12px;background:#15151b;transition:border-color .18s,background .18s}
.gift-card:hover{border-color:#ffffff26;background:#1a1a21}.gift-card.is-valuable{border-color:#e785a026;background:radial-gradient(ellipse at top,#eb5e7b0d,transparent 70%),#16151c}
.gift-art{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:72px;height:72px;margin-bottom:16px;background:radial-gradient(circle,#ffffff04,transparent 72%);color:#6e4d62;font-size:28px}.gift-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0003)}.gift-art.has-image>i{display:none}
.gift-card h3{font:600 12px var(--font-body);line-height:1.4;letter-spacing:-.015em;color:#e6e6f0;overflow-wrap:anywhere;margin-bottom:10px}.gift-value{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#b7a38e;white-space:nowrap}.gift-value i{font-size:8px;color:#cda96f}
.gift-owned{display:inline-flex;align-items:center;justify-content:center;margin-top:15px;padding:5px 8px;border:1px solid #f6748d22;background:#e8546c0a;border-radius:5px;color:#f09baa;font:600 9px var(--font-body)}.gift-card-detail{color:#66667d;font-size:8px;margin-top:9px}
.gifts-empty{grid-column:1/-1;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:45px 24px;border:1px dashed #ffffff12;border-radius:13px;background:#111115}.gifts-empty>i{font-size:29px;color:#c9657c;margin-bottom:8px}.gifts-empty h3{font-size:17px;font-weight:600;letter-spacing:-.025em;color:#c9c9d6}.gifts-empty p{max-width:400px;font-size:11px;color:#74748a;line-height:1.8}
.gifts-recent-list{display:flex;flex-direction:column;gap:8px}.gift-recent-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid #ffffff0b;border-radius:10px;background:#15151a}.gift-recent-row .gift-art{width:45px;height:45px;margin:0;font-size:20px}.gift-recent-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.gift-recent-info strong{font-size:12px;font-weight:600;color:#d5d5e2;overflow-wrap:anywhere}.gift-recent-info>span{font-size:10px;color:#7b7b91}.gift-recent-value{display:flex;flex-direction:column;align-items:end;gap:8px;flex:none}.gift-recent-value strong{font-size:11px;font-weight:600;color:#d0b495}.gift-recent-value time{font-size:9px;color:#66667d}
#gift-catalog-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:23px;padding:20px;border:1px solid #ffffff10;border-radius:11px;background:#131318}#gift-catalog-form{flex:1;max-width:520px}#gift-catalog-form>label{display:block;font-size:10px;color:#9494a7;margin-bottom:11px}#gift-catalog-form>div{display:flex;gap:9px}#gift-catalog-form input{min-width:0;flex:1;padding:10px 12px;min-height:39px;background:#0d0d12;border:1px solid #ffffff14;border-radius:7px;font:500 11px var(--font-body);color:#d9d9e4}#gift-catalog-form button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:10px 12px;border:1px solid #d0365544;border-radius:7px;background:#ac2843;color:#fff;font:600 10px var(--font-body);cursor:pointer}.gifts-owned-filter{display:flex;align-items:center;gap:8px;font-size:10px;color:#9b9bae;padding-bottom:11px}.gifts-owned-filter input{accent-color:#ee5168}
.gifts-more{display:flex;margin:25px auto 0;min-width:170px}
.streamer-gifts-button{display:flex;align-items:center;gap:5px;padding:5px 7px;margin-top:6px;border:1px solid #d6506a22;border-radius:5px;background:#c92f4e09;color:#d899a7;font:600 9px var(--font-body);cursor:pointer;text-decoration:none}.streamer-gifts-button:hover{background:#d6516b1a;color:#edb4bf;border-color:#d6516b44}.streamer-gifts-button>i{font-size:9px}
.gifts-dialog{padding:28px;width:min(1000px,calc(100% - 32px));max-height:calc(100svh - 48px);overflow-y:auto;border:1px solid #ffffff1c;border-radius:18px;background:#101015;color:#ededf5;box-shadow:0 40px 150px #0009;scrollbar-width:thin}.gifts-dialog::backdrop{background:#050509d9;backdrop-filter:blur(8px)}.gift-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.gift-dialog-top h2{font:650 24px var(--font-body);letter-spacing:-.04em;margin-top:10px}.gift-dialog-top>button{width:36px;height:36px;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;color:#c4c4d4;font-size:22px;cursor:pointer}.gifts-dialog-status{font-size:11px;line-height:1.8;color:#8c8c9f;margin-bottom:24px}.gifts-dialog .gifts-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.gifts-dialog .gifts-stat{padding:16px;min-height:100px}.gifts-dialog .gifts-stat>strong{font-size:22px}.gifts-dialog .gifts-stat:last-child>strong{font-size:15px}
#tiktok-gifts-panel [hidden],.gifts-more[hidden]{display:none!important}
#tiktok-gifts-panel #gift-catalog-controls{align-items:center;padding:0;border:0;background:none;gap:12px}
#gift-catalog-controls .gifts-owned-filter{padding-bottom:0}

.studio-app .studio-app-nav{flex-wrap:nowrap}.studio-app .studio-app-nav .live-studio-tab{min-width:0}
@media(max-width:1250px){.gifts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gifts-stat{padding:16px}.gifts-stat>strong{font-size:22px}}
@media(max-width:999px){.gifts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gifts-heading h2{font-size:27px}.gifts-dialog .gifts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.gifts-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:25px}.gifts-heading h2{font-size:25px}.gifts-heading p{font-size:11px}.gifts-heading .gifts-outline-button{width:100%;min-height:42px}.gifts-collection-heading{align-items:start;flex-direction:column;gap:7px}.gifts-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.gifts-stat{padding:14px;min-height:98px}.gifts-stat>span{font-size:9px}.gifts-stat>strong{font-size:23px}.gifts-stat:last-child>strong{font-size:15px}.gifts-stat>small{font-size:8px}.gifts-view-tabs{gap:0}.gifts-view-tabs>button{padding:12px 10px 14px;font-size:10px}.gifts-tools{align-items:stretch;flex-direction:column;gap:10px}.gifts-search{max-width:none}.gifts-sort{justify-content:space-between}.gifts-sort select{flex:1;max-width:190px}.gifts-results-heading{flex-direction:column;gap:10px}.gifts-results-heading>p{text-align:left;font-size:9px}.gifts-grid,.gifts-dialog .gifts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gift-card{padding:18px 9px 15px}.gift-card h3{font-size:12px}.gift-art{width:65px;height:65px}.gift-value{font-size:9px}.gifts-empty{min-height:270px;padding-inline:20px}.gifts-empty h3{font-size:16px}.gifts-empty p{font-size:11px}#gift-catalog-controls{padding:15px;gap:16px}#gift-catalog-form{width:100%;flex:auto}#gift-catalog-form>div{flex-direction:column}#gift-catalog-form button{min-height:42px}.gifts-owned-filter{padding:0}.gift-recent-row{gap:10px;padding:12px 10px}.gift-recent-row .gift-art{width:36px;height:36px}.gift-recent-info strong{font-size:11px}.gift-recent-info>span{font-size:9px}.gift-recent-value strong{font-size:10px}.gift-recent-value time{font-size:8px}.gifts-dialog{padding:18px 14px;width:calc(100% - 20px);max-height:calc(100svh - 24px);border-radius:13px}.gift-dialog-top h2{font-size:21px}.gifts-dialog .gifts-stat{padding:13px}.streamer-gifts-button{font-size:8px}.home-top-five-person .streamer-gifts-button{padding:4px 5px;font-size:7px}}

/* Compact catalog: four columns, with no per-card color animation on theme change.
   Offscreen tiles skip layout/painting and the original TikTok artwork is retained. */
#tiktok-gifts-panel{max-width:none;margin-inline:0}
:is(#tiktok-gifts-panel,.gifts-dialog) .gifts-grid{width:100%;max-width:640px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card{box-sizing:border-box;aspect-ratio:1;min-height:0;padding:8px;justify-content:center;transition:none;content-visibility:auto;contain-intrinsic-size:none;overflow:hidden}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card .gift-art{width:44px;height:44px;margin-bottom:8px;background:none}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-art img{filter:none}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card h3{font-size:11px;line-height:1.4;margin-bottom:4px}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-owned{margin-top:5px;padding:2px 6px}
:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card-detail{font-size:9px;margin-top:4px}
@media(max-width:600px){:is(#tiktok-gifts-panel,.gifts-dialog) .gifts-grid{max-width:320px;grid-template-columns:repeat(2,minmax(0,1fr))}:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card{padding:6px}:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card .gift-art{width:32px;height:32px;margin-bottom:4px}:is(#tiktok-gifts-panel,.gifts-dialog) .gift-card h3{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}}