.mention-shell{position:relative;min-width:0}.asset-mention-popup{position:absolute;z-index:55;left:14px;bottom:12px;width:min(360px,calc(100% - 28px));max-height:270px;overflow:auto;overscroll-behavior:contain;background:#252628;border:1px solid #5c5e60;border-radius:14px;box-shadow:0 12px 36px #0008;padding:7px;scrollbar-width:thin;scrollbar-color:#626468 #252628}.asset-mention-popup[hidden]{display:none}.mention-menu-heading{padding:9px 11px;font-size:10px;letter-spacing:.1em;color:#adafb0}.mention-option{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:9px;text-align:left;background:transparent;color:#f4f4ef;cursor:pointer}.mention-option:hover,.mention-option[aria-selected=true]{background:#b6ff2517;box-shadow:inset 0 0 0 1px #b6ff2545}.mention-option>span:last-child{min-width:0}.mention-option strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.mention-option small{display:block;margin-top:4px;color:#b4ff2c;font-size:11px}.mention-type{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#343638;color:#c5c7c9;border-radius:8px;font-size:22px}.mention-empty{font-size:13px;color:#bfc0c2;margin:7px 10px 13px;line-height:1.5}.asset-mention-help{margin:0 23px 12px;color:#989b9d;font-size:11px;line-height:1.5}.attach-thumb .reference-tag{position:absolute;bottom:5px;left:5px;max-width:calc(100% - 10px);background:#1b1d1fef;color:#b4ff2c;border:1px solid #b4ff2c50;padding:3px 6px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;z-index:2}.attach-thumb .reference-tag:hover{background:#b4ff2c;color:#171a12}.create-revision .mention-shell #composerInput{width:100%}.create-revision .create-composer:focus-within .mention-shell{outline:0}@media(max-width:650px){.asset-mention-help{margin-inline:17px;font-size:11px}.asset-mention-popup{left:5px;width:calc(100% - 10px);bottom:8px;max-height:220px}.mention-option{min-height:50px}.mention-option strong{font-size:14px}}

/* The textarea keeps the composer's inset treatment after adding the mention wrapper. */
.create-revision .mention-shell{margin:0 22px}.create-revision .mention-shell #composerInput{display:block;padding:17px 0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#f1f2ed!important;border-radius:10px;resize:none!important;font-size:16px;line-height:1.65}.create-revision .mention-shell #composerInput:focus{outline:0!important;box-shadow:none!important}.create-revision .mention-shell #composerInput::placeholder{color:#96989a}.create-revision .asset-mention-popup{left:0;width:min(360px,100%)}@media(max-width:650px){.create-revision .mention-shell{margin-inline:17px}.create-revision .mention-shell #composerInput{padding:15px 0!important}}

/* Native textareas retain selection, caret, IME and form behavior. The inert mirror
   uses their measured content box and computed typography, including zoomed nodes. */
.mention-shell textarea.mention-highlighted,.create-revision .mention-shell #composerInput.mention-highlighted{color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:var(--mention-caret,#f1f2ed)!important}
.mention-shell textarea.mention-highlighted::placeholder{color:#96989a!important;-webkit-text-fill-color:#96989a!important;opacity:1}
.asset-mention-highlight{position:absolute;z-index:2;pointer-events:none;box-sizing:border-box;white-space:pre-wrap;overflow:hidden;overflow-wrap:break-word;border:0;background:transparent;user-select:none}
.asset-mention-highlight mark{color:#6fdc8c;background:transparent;padding:0;font:inherit;letter-spacing:inherit}
.asset-mention-popup.mention-portal{position:fixed;z-index:10020;box-sizing:border-box;font-family:'DM Sans',sans-serif}
.canvas-element .mention-shell textarea{display:block;width:100%}.canvas-element .asset-mention-help{margin:5px 0 0;font-size:10px;color:#8d9492}
.playable-request .mention-shell textarea{display:block;width:100%;margin:0}.playable-request .asset-mention-help{margin:7px 0 0;font-size:11px}.playable-request .selected-assets .mention-asset-tag{color:#6fdc8c;font-size:11px;font-weight:700;margin-right:5px}
.canvas-reference-tag{display:block;margin-top:5px;color:#65d681;font:600 11px 'DM Sans',sans-serif}

/* Keep tags readable in the narrow upload column; filenames get their own line. */
.playable-request .selected-assets>span{display:block;position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:9px 32px 9px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.playable-request .selected-assets>span .mention-asset-tag{display:block;margin:0 0 4px;white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:1.3}
.playable-request .selected-assets>span button[data-rm]{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;min-width:24px;padding:0;margin:0;line-height:1;border-radius:6px}