.attachment-drop-host{display:contents}
.attachment-list:empty,.composer-attachment:not(:has(img))::after{display:none}.attachment-list{display:flex;min-width:0;gap:8px;overflow-x:auto;padding:0 0 9px}.composer-attachment{position:relative;display:grid;flex:0 0 112px;height:78px;overflow:hidden;place-items:end start;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink)}.composer-attachment img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.composer-attachment::after{content:'';position:absolute;right:0;bottom:0;left:0;height:50%;background:linear-gradient(transparent,rgba(16,47,59,.82));pointer-events:none}.composer-attachment strong{z-index:1;max-width:100%;padding:5px 7px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment-icon{position:absolute;inset:0;display:grid;place-content:center;color:var(--accent);font-size:28px}.composer-attachment:not(:has(img)) strong{color:var(--ink)}.attachment-list .composer-attachment-remove{position:absolute;top:4px;right:4px;z-index:2;display:grid;width:22px;height:22px;place-content:center;padding:0 0 2px;border-color:rgba(255,255,255,.8);border-radius:50%;background:rgba(16,47,59,.82);color:#fff;font-size:16px}.composer-attachment-remove:is(:hover,:focus-visible){background:var(--accent);outline:2px solid #fff;outline-offset:1px}.attachment-feedback{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border:1px solid var(--accent);border-radius:8px;background:var(--page);color:var(--ink)}.attachment-status{flex:1;min-width:0;color:var(--ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:left}.attachment-feedback:has(.error){border-color:var(--danger)}.attachment-status.error{color:var(--danger)}.attachment-feedback .attachment-cancel{flex:none;background:var(--surface);color:var(--ink);border-color:var(--line);font-size:12px;padding:5px 8px}.attachment-drop-zone{position:fixed;inset:12px;z-index:90;display:grid;place-content:center;gap:5px;padding:24px;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--page) 94%,transparent);color:var(--ink);box-shadow:0 12px 48px rgba(16,47,59,.25);pointer-events:none;text-align:center}.attachment-drop-zone strong{color:var(--accent);font-size:20px}.attachment-drop-zone span{color:var(--muted)}
.message-attachments{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:10px;white-space:normal}
.message-attachment{position:relative;flex:0 1 160px;min-width:0;max-width:100%;margin:0;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.message-attachment .generated-image-link{display:block;width:100%;height:150px;padding:0;border:0;background:var(--page);color:var(--ink);border-radius:5px}
.message-attachment .generated-image-link img{display:block;width:100%;height:100%;max-height:150px;object-fit:contain}
.message-attachment figcaption{padding:5px 2px 0;overflow-wrap:anywhere;font-size:12px;line-height:1.4;color:var(--ink)}
.message-attachment figcaption a{color:var(--accent);background:transparent}