.demo[data-v-704378ac]{--p:var(--s4);color:var(--dk-ink)}.demo__body[data-v-704378ac]{grid-template-columns:1fr;min-height:26rem;display:grid}@media (width>=52rem){.demo__body[data-v-704378ac]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.demo--compact .demo__body[data-v-704378ac]{min-height:22rem}.inbox[data-v-704378ac]{padding:var(--p);border-bottom:1px solid oklch(100% 0 0/.08);align-content:start;gap:.4rem;display:grid}@media (width>=52rem){.inbox[data-v-704378ac]{border-bottom:0;border-right:1px solid oklch(100% 0 0/.08)}}.inbox__h[data-v-704378ac]{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dk-ink-3);align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.inbox__h svg[data-v-704378ac]{width:.95rem;height:.95rem}.inbox__h .num[data-v-704378ac]{color:var(--yellow);margin-left:auto}.inbox__hint[data-v-704378ac]{font-size:var(--t-xs);color:var(--dk-ink-3);margin-top:var(--s3)}.mail[data-v-704378ac]{text-align:left;border-radius:var(--r-md);transition:background-color var(--fast),border-color var(--fast),transform var(--fast);border:1px solid #0000;gap:.15rem;padding:.7rem .8rem;display:grid}.mail[data-v-704378ac]:hover{background:oklch(100% 0 0/.05)}.mail.is-on[data-v-704378ac]{background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.14)}.mail__from[data-v-704378ac]{font-size:var(--t-xs);color:var(--dk-ink-3);overflow-wrap:anywhere}.mail__sub[data-v-704378ac]{font-weight:600;font-size:var(--t-sm);align-items:center;gap:.4rem;display:flex}.mail__sub svg[data-v-704378ac]{width:.85rem;height:.85rem;color:var(--dk-ink-3)}.mail__body[data-v-704378ac]{font-size:var(--t-xs);color:var(--dk-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.draft[data-v-704378ac]{padding:var(--p);gap:var(--s4);align-content:start;display:grid}.draft__k[data-v-704378ac]{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dk-ink-3)}.draft__src[data-v-704378ac]{border-radius:var(--r-md);padding:var(--s3) var(--s4);background:oklch(100% 0 0/.04)}.draft__body[data-v-704378ac]{font-size:var(--t-sm);color:var(--dk-ink-2);margin-top:.3rem;line-height:1.5}.draft__body[data-v-704378ac] mark{color:var(--dk-ink);transition:background-color var(--base);background:oklch(86% .175 90/.28);border-radius:3px;padding:0 .15em;box-shadow:0 0 0 1px oklch(86% .175 90/.5)}.draft__card[data-v-704378ac]{background:var(--bg);color:var(--ink);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--shadow-md)}.draft__head[data-v-704378ac]{justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.draft__head .chip svg[data-v-704378ac]{width:.9rem;height:.9rem}.draft__cust[data-v-704378ac]{font-weight:600;font-size:var(--t-sm)}.lines[data-v-704378ac]{margin-top:var(--s3);border-top:1px solid var(--line);display:grid}.line[data-v-704378ac]{gap:var(--s3);border-bottom:1px solid var(--line);font-size:var(--t-sm);opacity:0;transition:opacity var(--base) var(--ease),transform var(--base) var(--ease);grid-template-columns:4.5rem 1fr auto;align-items:center;padding:.55rem 0;display:grid;transform:translate(-8px)}.line.is-in[data-v-704378ac]{opacity:1;transform:none}.line__qty[data-v-704378ac]{font-weight:600}.line__conf[data-v-704378ac]{gap:2px;display:flex}.line__conf i[data-v-704378ac]{background:var(--green);border-radius:2px;width:5px;height:12px}.line__conf i.dim[data-v-704378ac]{background:var(--line-2)}.draft__meta[data-v-704378ac]{font-size:var(--t-sm);margin-top:var(--s3);opacity:0;transition:opacity var(--base);gap:.1rem;display:grid}.draft__meta.is-in[data-v-704378ac]{opacity:1}.draft__why[data-v-704378ac]{font-size:var(--t-xs);color:var(--ink-3)}.draft__actions[data-v-704378ac]{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.draft__actions .btn--ghost[data-v-704378ac]{color:var(--ink-2)}.btn[disabled][data-v-704378ac]{opacity:.45;cursor:default;transform:none}.draft__done[data-v-704378ac]{color:var(--green-ink);font-weight:600;font-size:var(--t-sm);align-items:center;gap:.4rem;display:inline-flex}.draft__done svg[data-v-704378ac]{width:1rem;height:1rem}.draft__empty[data-v-704378ac]{text-align:center;padding:var(--s6);color:var(--dk-ink-2);align-self:center}.draft__empty .muted[data-v-704378ac]{color:var(--dk-ink-2);max-width:28ch;font-size:var(--t-sm);margin:.5rem auto 0}