*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background-color:var(--bg-base)}a{color:inherit;text-decoration:none}
.attachment-picker{gap:6px;min-width:48px;display:grid}.attachment-picker.drag-active{outline:2px dashed var(--brand);outline-offset:4px;border-radius:8px}.attachment-picker-button{border:1px solid var(--line);background:var(--surface-solid);min-width:48px;min-height:48px;color:var(--text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.attachment-picker-button input{display:none}.attachment-picker-hint{white-space:nowrap;font-size:12px;display:none}.attachment-preview-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:8px;max-width:min(380px,48vw);min-height:48px;padding:5px 7px;display:grid}.attachment-preview-image,.attachment-file-icon{border-radius:5px;width:38px;height:38px}.attachment-preview-image{object-fit:cover}.attachment-file-icon{background:var(--surface-solid);color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.attachment-preview-meta{gap:2px;min-width:0;display:grid}.attachment-preview-meta strong,.attachment-preview-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-preview-meta strong{color:var(--text);font-size:13px}.attachment-preview-meta small{color:var(--text-3);font-size:11px}.attachment-preview-card button{width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.attachment-picker-error{max-width:280px;color:var(--danger);font-size:12px}.attachment-upload-progress{width:100%;color:var(--text-2);gap:6px;margin-top:8px;font-size:12px;display:grid}.attachment-upload-progress-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.attachment-upload-progress-copy strong{color:var(--text);font-variant-numeric:tabular-nums}.attachment-upload-progress progress{background:var(--surface-soft);width:100%;height:7px;accent-color:var(--brand);border:0;border-radius:999px;overflow:hidden}.attachment-upload-progress progress::-webkit-progress-bar{background:var(--surface-soft);border-radius:999px}.attachment-upload-progress progress::-webkit-progress-value{background:var(--brand);border-radius:999px}.attachment-upload-progress progress::-moz-progress-bar{background:var(--brand);border-radius:999px}@media (min-width:900px){.attachment-picker-button:hover .attachment-picker-hint{display:inline}}@media (max-width:620px){.attachment-preview-card{width:100%;max-width:100%}.attachment-picker-button{min-width:48px;min-height:48px;padding:0}}