.attachment-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attachment-card{display:flex;align-items:center;gap:12px;padding:8px;text-align:left;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent);border-radius:12px;max-width:100%;min-width:220px}.attachment-card:hover{background:#80919d18}.attachment-thumb{display:flex;flex:none;align-items:center;justify-content:center;position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;background:#80919d20;font-weight:700;font-size:20px}.attachment-thumb-media{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.attachment-caption{display:flex;flex-direction:column;gap:4px;min-width:0}.attachment-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.attachment-meta{font-size:10px;opacity:.8}.attachment-dialog{width:min(100vw,1120px);height:min(94dvh,900px);max-width:100vw;max-height:100dvh;padding:0;border:1px solid #52606a;border-radius:18px;background:#101a23;color:#f7f3eb;overflow:hidden}.attachment-dialog[open]{display:flex;flex-direction:column}.attachment-dialog::backdrop{background:#071016d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.attachment-header,.attachment-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex:none}.attachment-header-spacer{width:44px}.attachment-counter{font-size:14px;font-weight:600}.attachment-title{margin:0;padding:0 24px 12px;text-align:center;font-size:14px;font-weight:400;color:#c8d4dc;overflow-wrap:anywhere;max-height:70px;overflow:auto}.attachment-stage{display:flex;flex:1;min-height:0;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:20px;overflow:hidden}.attachment-media{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.attachment-image{flex:1;min-height:0}.attachment-video{width:100%;height:100%}.attachment-audio{width:min(90%,500px)}.attachment-audio-art{display:flex;align-items:center;justify-content:center;width:160px;height:160px;background:#263d49;color:#e5c77e;border-radius:32px;font-size:22px;letter-spacing:4px}.attachment-pdf{border:0;height:100%;width:100%}.attachment-control{display:inline-flex;min-width:44px;min-height:44px;padding:8px 14px;align-items:center;justify-content:center;border-radius:10px;font:inherit;cursor:pointer}.attachment-header .attachment-control,.attachment-footer button{font-size:26px}.attachment-control:hover{background:#80919d20}.attachment-control:disabled{opacity:.35;cursor:default}.attachment-control:focus-visible,.attachment-card:focus-visible{outline:3px solid #d2b977;outline-offset:2px}.attachment-download{background:#263d49;font-size:14px;font-weight:600}.attachment-status{text-align:center;color:#c8d4dc;max-width:460px;padding:16px;line-height:1.6}.attachment-footer{border-top:1px solid #ffffff20}@media(max-width:640px){.attachment-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.attachment-header{padding-top:max(12px,env(safe-area-inset-top))}.attachment-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.attachment-card{min-width:0}.attachment-name{font-size:12px}}