.figma-study-ui .is-structure .composer-attachments{margin:0 0 12px}.composer-attachment-list{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin:-5px;padding:5px;overflow-x:auto;overscroll-behavior-x:contain}.composer-attachment{--composer-attachment-size: 80px;position:relative;box-sizing:border-box;display:flex;flex:0 0 var(--composer-attachment-size);flex-direction:column;align-items:center;justify-content:center;gap:4px;width:var(--composer-attachment-size);min-width:var(--composer-attachment-size);height:var(--composer-attachment-size);aspect-ratio:1;padding:8px 6px;border:.5px solid var(--border, #e5e7eb);border-radius:var(--workspace-radius-attachment, 16px);corner-shape:var(--md-corner-shape);background:#f8f9fb}.composer-attachment.is-image{padding:0}.composer-attachment-preview{display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;background:#f1f2f5;cursor:zoom-in}.composer-attachment-preview img{display:block;width:100%;height:100%;object-fit:cover}.composer-file-icon{flex:0 0 24px;color:#77839b}.composer-file-copy{flex:0 0 auto;width:100%;min-width:0;text-align:center;font-size:10px;line-height:14px}.composer-file-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#404655;font-size:11px;font-weight:500}.composer-file-copy>span{color:#9499a4}.composer-attachment-remove{position:absolute;display:grid;place-items:center;top:-5px;right:-5px;width:20px;height:20px;padding:3px;border:.5px solid #e5e7eb;border-radius:50%;color:#737986;background:#fff;cursor:pointer}.composer-attachment-remove:hover{color:#242933;background:#f2f3f5}.composer-attachment-retry{position:absolute;top:10px;left:50%;transform:translate(-50%);display:grid;place-items:center;width:24px;height:24px;padding:4px;border:0;border-radius:50%;color:#ad554b;background:#fff;cursor:pointer}.composer-upload-spinner{position:absolute;top:13px;left:calc(50% - 9px);color:#717c91}.is-image>.composer-upload-spinner{top:0;right:0;bottom:0;left:0;margin:auto;color:#fff;filter:drop-shadow(0 1px 2px #0008)}.composer-attachment.has-error{border-color:#e4b9b2}.composer-attachment.has-error>.composer-file-icon,.composer-attachment[aria-busy=true]>.composer-file-icon{visibility:hidden}.composer-attachment.is-image.has-error .composer-file-copy{position:absolute;right:0;bottom:0;left:0;padding:4px;border-radius:0 0 var(--workspace-radius-attachment, 16px) var(--workspace-radius-attachment, 16px);background:#fffffff0}.composer-attachment.is-image.has-error .composer-file-copy strong{display:none}.composer-attachment.is-image.has-error .composer-attachment-retry{top:14px}.composer-attachment-error{margin:6px 0 0;color:#ad554b;font-size:11px;line-height:18px}.composer-attachment-list button:focus-visible{outline:2px solid var(--ring, #6378c9);outline-offset:3px}.md-message-file{display:inline-flex;align-items:center;gap:8px;max-width:240px;padding:10px 12px;border:.5px solid var(--border, #e5e7eb);border-radius:var(--workspace-radius-inset, 12px);color:#515b70;background:#f7f8fa;text-decoration:none}.md-message-file>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.md-message-file small{display:block;color:#9097a5;font-size:11px}.stitch-upload-item.stitch-upload-file{display:flex;flex-basis:180px;align-items:center;gap:8px;width:180px;padding:8px 20px 8px 10px;background:#f5f6f8}.stitch-upload-file-kind{color:#707c94;font-size:10px;font-weight:600}.stitch-upload-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#505765;font-size:11px}.composer-preview-close{position:fixed;top:20px;right:20px;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;color:#fff;background:#ffffff24;cursor:pointer}.composer-preview-close:hover{background:#ffffff40}.composer-preview-close:focus-visible{outline:2px solid #fff;outline-offset:3px}