.creation-controls{align-items:center;gap:10px;min-width:0;display:flex}.composer-mode{background:#f5f5f6;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.composer-mode button{color:#818185;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:6px 9px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;display:inline-flex}.composer-mode button[aria-pressed=true]{color:#29292d;background:#fff;box-shadow:0 1px 3px #0000000d}.composer-mode button:hover{color:#29292d}.creation-effort-trigger{color:#37373b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e8e8eb;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.creation-effort-trigger .creation-effort-label{color:#89898e;font-weight:400}.creation-effort-trigger>svg{color:#77777c;flex:none}.creation-effort-trigger:hover,.creation-effort-trigger[aria-expanded=true]{background:#f4f4f5;border-color:#dedee1}.creation-effort-panel{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8d8dc transparent;z-index:1000;background:#fff;border:1px solid #eaeaec;border-radius:18px;width:min(336px,100vw - 24px);padding:18px 20px 17px;position:fixed;overflow-y:auto;box-shadow:0 10px 35px #0000000e,0 2px 7px #00000006}.creation-controls button:focus-visible{outline-offset:3px;outline:2px solid #8b8b93}@media (max-width:440px){.creation-controls{gap:6px}.composer-mode{padding:2px}.composer-mode button{padding:6px 8px;font-size:11px}.composer-mode button>svg{display:none}.creation-effort-trigger{gap:5px;padding:6px 9px;font-size:12px}.creation-effort-trigger .creation-effort-label{display:none}}
.attachment-picker{flex:none;display:inline-flex}.attachment-add{color:#77727e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.attachment-add:hover{color:#332d3c;background:#f1eef5}.attachment-add:disabled{opacity:.4;cursor:default}.attachment-section{min-width:0;margin:0 0 12px}.attachment-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.attachment-chip{background:#faf9fc;border:1px solid #e8e4ec;border-radius:10px;align-items:center;min-width:0;max-width:230px;display:flex;position:relative}.attachment-download{color:#635b6d;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:7px 9px;text-decoration:none;display:flex}.attachment-download:hover{color:#3d304a}.attachment-thumbnail{background:#efebf3;border-radius:5px;flex:0 0 34px;place-items:center;width:34px;height:36px;display:grid;overflow:hidden}.attachment-thumbnail img{object-fit:cover;width:100%;height:100%}.attachment-details{gap:4px;min-width:0;display:grid}.attachment-details strong{text-overflow:ellipsis;white-space:nowrap;max-width:142px;font-size:11px;font-weight:550;line-height:14px;display:block;overflow:hidden}.attachment-details small{color:#968d9e;align-items:center;gap:6px;font-size:10px;line-height:12px;display:flex}.attachment-remove{color:#94899e;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 22px;align-self:flex-start;place-items:center;width:22px;height:22px;margin:3px 3px 0 0;padding:0;display:grid}.attachment-remove:hover{color:#46364f;background:#eae4ef}.attachment-note{color:#928a9a;text-align:left;margin:7px 0 0;font-size:10px;line-height:15px}.attachment-section.is-compact .attachment-chip{max-width:100%}.attachment-section.is-compact .attachment-details strong{max-width:165px}.attachment-section.is-compact{margin:12px 0}.attachment-picker.is-compact .attachment-add{width:28px;height:28px}.attachment-error{color:#a14848;margin:6px 0;font-size:11px;line-height:1.6}.mk-composer.is-file-dragging,.build-composer.is-file-dragging{outline-offset:3px;background:#fcfaff;outline:2px solid #9b81b5}.attachment-drop-hint{color:#846498;margin:0 0 10px;font-size:12px}.attachment-saving{animation:.9s linear infinite attachment-spin}@keyframes attachment-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.attachment-saving{animation:none}}
