.attachment-controls{position:relative;display:inline-flex;align-items:center}.attachment-options{position:absolute;z-index:15;bottom:100%;left:0;min-width:170px;padding:8px;border:1px solid currentColor;border-radius:8px;background:var(--ui-surface,var(--bg,#202a36));color:inherit}.attachment-options:not([hidden]){display:grid;gap:6px}.attachment-card{display:grid;gap:6px;max-width:360px;padding:8px;margin-top:8px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:10px;overflow-wrap:anywhere}.attachment-card img{display:block;max-width:100%;max-height:260px;object-fit:contain}.attachment-card button{color:inherit}.attachment-preview{width:96vw;max-width:1200px;height:90dvh;padding:12px;border-radius:12px;background:var(--ui-surface,#18212b);color:var(--ui-text,#fff)}.attachment-preview::backdrop{background:#000b}.attachment-preview header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attachment-preview strong{flex:1;overflow-wrap:anywhere}.attachment-preview img{display:block;width:100%;height:calc(100% - 70px);object-fit:contain}.attachment-preview.full{width:100vw;height:100dvh}.attachment-status{position:fixed;z-index:100;top:70px;right:12px;max-width:min(400px,94vw);max-height:30dvh;overflow:auto;background:var(--ui-surface,#18212b);color:var(--ui-text,#fff);padding:12px;border:1px solid #708090;border-radius:10px;box-shadow:0 6px 24px #0006}.attachment-status>div{display:grid;gap:5px;padding:8px}.attachment-status progress{width:100%}.attachment-status[hidden]{display:none}#attachment-notice{max-width:90vw;border-radius:12px;padding:24px}#attachment-notice p{white-space:pre-wrap}