.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;width:100%;padding:32px 20px;text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:8px}.empty-state-art{display:block;width:144px;height:101px;flex:none}.empty-art-shadow{fill:var(--surface-2)}.empty-art-back{fill:var(--signal-bg);stroke:var(--hairline);stroke-width:1.5}.empty-art-paper{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.5}.empty-art-guide{stroke:var(--hairline);stroke-width:1.5;stroke-linecap:round}.empty-art-lines{stroke:var(--text-tertiary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-art-accent{fill:var(--signal)}.empty-art-accent-stroke{stroke:var(--signal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-state-copy{max-width:44ch;min-width:0}.empty-state-copy h3{margin:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--text-primary)}.empty-state-copy p{margin:6px 0 0;font-size:13px;line-height:1.65;color:var(--text-secondary);overflow-wrap:anywhere}.empty-state-action{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.empty-state-action>:is(a,button){min-height:34px;font-size:12px}.empty-state-compact{padding:20px 14px;gap:10px;border:0;background:transparent}.empty-state-compact .empty-state-art{width:112px;height:78px}.empty-state-compact .empty-state-copy h3{font-size:13px}.empty-state-compact .empty-state-copy p{font-size:12px}@media(max-width:760px){.empty-state{padding:24px 16px}.empty-state-compact{padding:16px 12px}}