.compose-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;min-width:0;margin-top:10px}.compose-footer>.direct-attachment{flex:1;min-width:0}.compose-footer>button{flex:none;margin-left:auto}
.direct-attachment{min-width:0}.direct-attachment-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.direct-attachment-button,.direct-link>summary{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 14px;border-radius:12px;border:1px solid var(--line,var(--app-line,#dfe4fa));background:var(--surface,var(--app-surface,#fff));color:var(--accent,var(--app-accent,#6256dd));font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-sizing:border-box}.direct-attachment-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.direct-attachment-button:focus-within{outline:2px solid currentColor;outline-offset:2px}.direct-link{position:relative}.direct-link>summary{list-style:none}.direct-link>summary::-webkit-details-marker{display:none}.direct-link input{position:absolute;z-index:4;top:calc(100% + 6px);left:0;width:min(300px,80vw);padding:12px;border-radius:10px;border:1px solid var(--line,#dfe4fa);background:var(--surface,#fff);color:var(--text,#19225a);box-shadow:0 12px 26px #1c23612b;font:inherit}.direct-attachment-preview{display:flex;align-items:center;gap:9px;min-width:0;margin-top:9px;padding:8px 10px;border-radius:12px;background:var(--soft,#ebedff);color:var(--text,#19225a)}.direct-attachment-preview[hidden]{display:none!important}.direct-attachment-thumb{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:8px;overflow:hidden;background:var(--surface,#fff);font-size:23px;color:var(--accent,#6256dd)}.direct-attachment-thumb img{width:100%;height:100%;object-fit:cover}.direct-attachment-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.direct-attachment-clear{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:22px}
.direct-upload-photo img,.direct-upload-video{display:block;max-width:100%;width:100%;max-height:450px;object-fit:contain;border-radius:13px;background:#141625}.direct-upload-photo,.direct-upload-video,.direct-upload-file{margin:12px 0}.direct-upload-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--line,var(--app-line,#dfe4fa));border-radius:12px;background:var(--surface,var(--app-surface,#fff));color:var(--text,var(--app-text,#19225a));text-decoration:none;min-width:0}.direct-upload-file>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:var(--soft,#e9eaff);color:var(--accent,#6256dd);font-size:22px}.direct-upload-file strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-upload-file small{color:var(--accent,#6256dd)}.direct-upload-file audio{width:100%;height:38px}
@media(max-width:600px){.compose-footer{gap:8px}.direct-attachment-button span{display:none}.direct-attachment-button{font-size:22px;padding:7px 12px}.direct-upload-photo img,.direct-upload-video{max-height:320px}}
.direct-attachment-progress{display:flex;align-items:center;gap:9px;margin-top:8px;color:var(--accent,#6256dd);font-size:12px;font-weight:700}.direct-attachment-progress[hidden]{display:none!important}.direct-attachment-progress progress{width:min(180px,60%);height:8px;accent-color:var(--accent,#6256dd)}