.df-card{--df-hot:#f43f5e;--df-hot-ink:#fff;--df-hot-soft:#f43f5e24;min-width:0;color:var(--ink);background:linear-gradient(160deg,#f43f5e1f,#f43f5e00 55%),#13131ce6;border:1px solid #f43f5e59;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.df-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.df-head>b{white-space:nowrap;background:var(--df-hot);height:26px;color:var(--df-hot-ink);letter-spacing:.02em;border-radius:7px;flex:none;align-items:center;padding:0 10px;font-size:13.5px;font-weight:800;display:inline-flex}.df-timer{color:#ffffffb3;white-space:nowrap;font-size:12px}.df-timer .num{color:#ffb3bb;margin-left:2px;font-weight:700}.df-products{grid-template-columns:1fr 1fr;gap:10px;display:grid}.df-product{text-align:left;background:#00000047;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-width:0;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.df-product:hover:not(:disabled){border-color:#f43f5e8c;transform:translateY(-2px)}.df-product.is-out{opacity:.5}.df-media{aspect-ratio:4/5;background:#1b1b21;display:block;position:relative;overflow:hidden}.df-media>img,.df-media>video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.df-blank{color:#ffffff59;background:radial-gradient(circle at 50% 40%,#f43f5e2e,#0000 65%);place-items:center;display:grid;position:absolute;inset:0}.df-blank .ic{width:34px;height:34px}.df-ribbon{background:var(--df-hot);width:110px;color:var(--df-hot-ink);text-align:center;letter-spacing:.1em;padding:3px 0;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:10px;left:-30px;transform:rotate(-38deg);box-shadow:0 2px 8px #00000059}.df-count{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;right:8px}.df-info{flex-direction:column;gap:3px;padding:9px 10px 10px;display:flex}.df-info>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.df-price{white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:0 7px;display:flex}.df-price s{color:#ffffff73;font-size:11.5px}.df-price em{color:var(--df-hot);font-size:17px;font-style:normal;font-weight:800}.df-info small{color:#fff9;font-size:11.5px}.df-cta{background:var(--grad-banner);height:46px;color:var(--df-hot-ink);letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:filter .15s;display:flex;box-shadow:0 10px 15px -3px #db27774d}.df-cta:hover:not(:disabled){filter:brightness(1.08)}.df-cta.is-go{color:#111;background:#fff}.df-cta:disabled{color:#ffffff80;box-shadow:none;cursor:default;background:#ffffff1a}.df-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head cta""products products";align-items:center;gap:10px 12px;width:100%;max-width:580px;padding:12px;display:grid}.df-strip .df-head{grid-area:head;justify-content:flex-start;gap:12px}.df-strip .df-cta{grid-area:cta;height:34px;padding:0 18px;font-size:13.5px}.df-strip .df-products{grid-area:products;gap:8px}.df-strip .df-product{flex-direction:row;align-items:stretch}.df-strip .df-media{aspect-ratio:auto;flex:none;width:68px;min-height:76px}.df-strip .df-ribbon{width:96px;padding:2px 0;font-size:10.5px;top:7px;left:-34px}.df-strip .df-count{padding:1px 6px;font-size:11px;top:auto;bottom:5px;right:5px}.df-strip .df-info{justify-content:center;gap:2px;min-width:0;padding:8px 10px}.df-strip .df-info>b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.25;display:-webkit-box}.df-strip .df-head{min-width:0}.df-strip .df-timer{text-overflow:ellipsis;min-width:0;overflow:hidden}.df-strip .df-price em{font-size:15px}.dfc{z-index:30;border-radius:18px;width:440px;animation:.3s cubic-bezier(.2,.8,.2,1) both dfc-in,2.4s ease-in-out .6s 3 dfc-call;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 60px #0000008c}@keyframes dfc-call{0%,to{box-shadow:0 24px 60px #0000008c,0 0 #f43f5e00}50%{box-shadow:0 24px 60px #0000008c,0 0 0 6px #f43f5e4d}}.dfc .df-strip{background:linear-gradient(160deg,#f43f5e29,#f43f5e00 55%),#13131c;max-width:none}.dfc-close{z-index:1;color:#fff;background:#26262e;border:1px solid #fff3;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-10px;right:-10px}.dfc-close:hover{background:#34343e}.dfc-gift,.dfc-dock{display:none}.dfc-tab{z-index:30;color:#fff;background:#1c1418;border:1px solid #f43f5e73;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #00000073}.dfc-tab i{background:#f43f5e;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-style:normal;font-weight:800;display:inline-flex}.dfc-tab.dfc-docked{display:none}@keyframes dfc-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:1023px){.dfc{top:auto;right:12px;bottom:calc(var(--tab) + env(safe-area-inset-bottom,0px) + 12px);width:auto;max-height:calc(100dvh - var(--tab) - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px) - 80px);animation:.2s both dfc-in;left:12px;overflow:auto}.dfc-close{background:0 0;border:0;width:44px;height:44px;top:4px;right:4px}.dfc-tab{display:none}.dfc-tab.dfc-docked{color:#ff849a;width:44px;height:44px;box-shadow:none;background:#27181f;border:1px solid #f43f5e73;border-radius:50%;place-items:center;padding:0;display:grid;position:static}.dfc-dock:has(>.dfc-docked){flex:none;width:44px;height:44px;display:flex}.dfc-dock-home{margin-left:auto}.home .home-head>.dfc-dock-discover:has(>.dfc-docked){top:max(6px,env(safe-area-inset-top,0px));display:flex;position:absolute;left:11px}.home .dfc-dock-discover>.dfc-docked{box-sizing:content-box;background:#27181f padding-box padding-box;border:5px solid #0000;width:34px;height:34px;box-shadow:inset 0 0 0 1px #f43f5e73}.home .dfc-dock-discover>.dfc-docked .ic{width:18px;height:18px}.studio .page-heading-actions{flex:1;min-width:0}.studio .creation-balance{flex-wrap:wrap;justify-content:flex-end}.df-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""products""cta";gap:10px;padding:12px}.df-strip .df-head{flex-wrap:wrap;gap:4px 10px;min-height:32px;padding-right:36px}.df-strip .df-head>b{background:0 0;height:auto;padding:0;font-size:14px}.df-strip .df-timer{white-space:normal;font-size:11px;overflow:visible}.df-strip .df-cta{min-height:44px;padding:0 14px}.df-strip .df-media{width:44px;min-height:76px}.df-strip .df-info{padding:7px 6px}.df-strip .df-info>b{font-size:11.5px;line-height:1.4;display:block;overflow:visible}.df-strip .df-price{gap:5px}.df-strip .df-price s{font-size:10.5px}.df-strip .df-price em{font-size:14px}.df-strip .df-info small{font-size:10.5px}body:has(.dfc) .generate-button{border:1px solid var(--accent);box-shadow:none;background:0 0}body:has(.dfc) .home .remix-now{box-shadow:none;background:0 0;border:1px solid #ffffff80}:is(body:has(.home.is-clean) .dfc,body:has(.home.is-clean) .dfc-tab,body:has(.home.is-revealing) .dfc,body:has(.home.is-revealing) .dfc-tab){visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.df-product,.dfc{transition:none;animation:none}}@media (min-width:1024px){.dfc-feed{display:none}}
