.df-stage-narrow{display:none}@media (max-width:860px){.df-stage-wide{display:none}.df-stage-narrow{display:block}}.df-compact{aspect-ratio:5/4;pointer-events:none;background:#1d1f23;background:lab(11.8112% -.359252 -2.95931);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 18px 40px -24px #00000073;box-shadow:0 18px 40px -24px lab(0% 0 0/.45);container-type:inline-size}.df-compact-view{--df-view-w:480px;width:var(--df-view-w);height:calc(var(--df-view-w) * .8);transform:scale(tan(atan2(100cqw, var(--df-view-w))));transform-origin:0 0;color:#1b1b1b;font-size:13px;line-height:1.35;position:absolute;top:0;left:0}@container (min-width:600px){.df-compact-view{--df-view-w:640px}}.df-compact-win{width:var(--df-view-w);height:calc(var(--df-view-w) * .8);display:flex;position:absolute;top:0;left:0}.df-compact-win>*{flex:1;min-width:0}.df-compact .dp-win{border-radius:10px}.df-compact .dp-lp-chip-label,.df-compact .dp-lp-tagline,.df-compact .dp-lp-sep,.df-compact .dp-lp-history{display:none}.df-compact .dp-lp-chip{gap:4px;padding:0 6px}.df-compact .dp-lp-chat-col{padding:0 18px}@container (max-width:599.98px){.df-compact .dp-lp-empty{justify-content:flex-start;gap:16px}.df-compact .dp-lp-brand img{height:64px}}@media (prefers-reduced-motion:reduce){.df-compact *{transition:none!important;animation:none!important}}