.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;text-align:center;min-width:0}.empty-state-mascot{display:block;width:144px;height:162px;object-fit:contain;flex-shrink:0}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--input);color:var(--muted);border-radius:12px;flex-shrink:0}.empty-state-content{min-width:0;max-width:36ch}.empty-state-content :is(h2,h3){color:var(--text);font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.empty-state-content p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.empty-state-content .button{margin-top:16px}.empty-state-compact{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:14px;padding:20px 0 8px;text-align:start}.empty-state-compact .empty-state-mascot{width:80px;height:90px}.empty-state-compact .empty-state-content .button{margin-top:12px;font-size:12px}@media (max-width:767px){.empty-state{padding:28px 18px}.empty-state-compact{padding:16px 0 4px}.empty-state .empty-state-content .button{min-height:48px;font-size:13px}}