#referenceMediaMount{min-width:0;font-size:13px;line-height:1.7;color:#d7e0d1}
#referenceMediaMount [hidden],.reference-media-mention-menu[hidden]{display:none!important}
#referenceMediaMount button,.reference-media-mention-menu button,.reference-media-preview-dialog button{font:inherit;touch-action:manipulation;cursor:pointer}
#referenceMediaMount button:disabled{opacity:.5;cursor:not-allowed}
#referenceMediaMount button:focus-visible,.reference-media-mention-menu button:focus-visible,.reference-media-preview-dialog button:focus-visible{outline:2px solid #ee9a82;outline-offset:3px}
#referenceMediaMount svg,.reference-media-mention-menu svg,.reference-media-preview-dialog svg{width:17px;height:17px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.reference-media-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.reference-media-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:6px 9px;background:#273024;border:1px solid #4b5940;border-radius:6px;color:#c5d2b7;font-size:12px;line-height:1.5;white-space:nowrap}
.reference-media-upload-button:hover{background:#35402e;border-color:#87966c;color:#e5edda}
.reference-media-upload-button svg{width:14px!important;height:14px!important}
.reference-media-upload-notice{font-size:12px;line-height:1.8;color:#a4b38f;margin:7px 0 0}
.reference-media-cards{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:10px 2px 5px;scrollbar-width:thin;scrollbar-color:#5b694b #1d271a;overscroll-behavior-x:contain}
.reference-media-card{position:relative;display:flex;align-items:flex-start;gap:9px;flex:0 0 215px;min-width:0;border:1px solid #48563d;border-radius:7px;background:#273021;padding:9px 25px 9px 9px;line-height:1.6;min-height:79px}
.reference-media-thumbnail{position:relative;width:58px;height:58px;flex-shrink:0;border:1px solid #4a583f;border-radius:5px;padding:0;overflow:hidden;background:#162011;color:#9dae89;display:grid;place-items:center}
.reference-media-thumbnail>img,.reference-media-thumbnail>video{width:100%;height:100%;object-fit:cover;display:block}
.reference-media-thumbnail>svg{width:23px!important;height:23px!important}
.reference-media-thumbnail>video+svg{position:absolute;width:20px!important;height:20px!important;color:#f1f4e9;filter:drop-shadow(0 1px 3px #000);background:#131b1390;border-radius:50%;padding:3px}
.reference-media-thumbnail:hover{border-color:#c1b28b}
.reference-media-pending-thumbnail{opacity:.8}
.reference-media-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}
.reference-media-card-content>strong{font-size:12px;font-weight:500;line-height:1.6;color:#e0e8d1}
.reference-media-name{font-size:11px;color:#a4b58f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-media-insert{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.5;background:none;border:0;padding:2px 0;color:#e4bc9d}
.reference-media-insert svg{width:12px!important;height:12px!important}
.reference-media-insert:hover{color:#ffd7b6}
.reference-media-remove{position:absolute;right:4px;top:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;border:0;padding:4px;background:none;color:#b5c19e}
.reference-media-remove:hover{background:#4d3a2a;color:#f3c2a3}
.reference-media-remove svg{width:12px!important;height:12px!important}
.reference-media-progress{width:100%;height:5px;margin-top:5px;appearance:none;border:0;border-radius:5px;overflow:hidden;accent-color:#ee9a82;background:#46523b}
.reference-media-progress::-webkit-progress-bar{background:#46523b;border-radius:5px}
.reference-media-progress::-webkit-progress-value{background:#ee9a82;border-radius:5px}
.reference-media-progress::-moz-progress-bar{background:#ee9a82;border-radius:5px}
.reference-media-card-invalid{border-color:#a36b51;background:#382d24}
.reference-media-card-error{font-size:11px;line-height:1.7;color:#eac09b;overflow-wrap:anywhere}
.reference-media-problems{font-size:12px;line-height:1.8;color:#efbd99;margin:8px 0 0}
.reference-media-mention-menu{position:fixed;z-index:120;max-height:235px;overflow-y:auto;padding:5px;border:1px solid #64744e;border-radius:8px;background:#25321f;color:#e1ecd6;box-shadow:0 12px 45px #0008;scrollbar-width:thin;scrollbar-color:#6d7f55 #25321f;font-size:13px;line-height:1.7;overscroll-behavior:contain}
.reference-media-mention-option{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:none;color:#bdcfa9;text-align:left;border-radius:5px;padding:8px 10px;font-size:13px}
.reference-media-mention-option:hover,.reference-media-mention-option.selected{background:#3a4930;border-color:#6b7c54;color:#eff5e5}
.reference-media-mention-option>svg{width:20px;height:20px;color:#b3c79c}
.reference-media-mention-option>span{display:block;min-width:0;flex:1}
.reference-media-mention-option>.reference-media-mention-thumbnail{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border:1px solid #62704e;border-radius:5px;background:#182014;color:#b3c79c}
.reference-media-mention-thumbnail>img,.reference-media-mention-thumbnail>video{display:block;width:100%;height:100%;object-fit:cover}
.reference-media-mention-thumbnail>video+svg{position:absolute;width:15px;height:15px;padding:2px;border-radius:50%;color:#fff;background:#162011bb;bottom:2px;right:2px}
.reference-media-card-thumbnail-content{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.reference-media-card-thumbnail-content>img,.reference-media-card-thumbnail-content>video{display:block;width:100%;height:100%;object-fit:cover}
.reference-media-card-thumbnail-content>svg{width:23px!important;height:23px!important}
.reference-media-card-thumbnail-content>video+svg{position:absolute;inset:auto 3px 3px auto;width:17px!important;height:17px!important;padding:2px;border-radius:50%;color:#fff;background:#162011bb}
.prompt-reference-token{border:1px solid #805e45;border-radius:5px;background:#3b2d24}
.reference-media-inline-content{display:inline-flex;align-items:center;gap:6px;padding:3px 5px 3px 3px;max-width:180px;line-height:1.4;vertical-align:middle;color:#f4e8dd}
.reference-media-inline-thumbnail{position:relative;display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px;overflow:hidden;border-radius:3px;background:#1b2417;color:#c4cfb9}
.reference-media-inline-thumbnail>img,.reference-media-inline-thumbnail>video{display:block;width:100%;height:100%;object-fit:cover}
.reference-media-inline-thumbnail>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-media-inline-thumbnail>video+svg{position:absolute;right:1px;bottom:1px;width:11px;height:11px;padding:1px;border-radius:50%;color:#fff;background:#162011bb}
.reference-media-inline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}
.preview-prompt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.3}
.preview-reference-token{margin:2px 3px 2px 0;user-select:text;vertical-align:middle}
.preview-reference-token .reference-media-inline-content{padding:3px 7px 3px 3px;gap:7px}
.preview-reference-token .reference-media-inline-thumbnail{width:32px;height:32px;flex-basis:32px}
.reference-media-inline-remove{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:22px;margin-left:2px;padding:3px;border:0;border-radius:3px;background:none;color:#b4ab9e;cursor:pointer}
.reference-media-inline-remove:hover{background:#704837;color:#fff2e8}
.reference-media-inline-remove:focus-visible{outline:2px solid #ee9a82;outline-offset:1px}
.reference-media-inline-remove>svg{display:block;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-media-mention-option strong{display:block;font-size:13px;font-weight:500;line-height:1.6}
.reference-media-mention-option small{display:block;font-size:12px;line-height:1.6;color:#a9bd95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.reference-media-mention-empty{font-size:13px;line-height:1.9;color:#c6d8b0;margin:0;padding:12px}
.reference-media-preview-dialog{width:min(850px,calc(100vw - 40px));max-height:85dvh;border:1px solid #556545;border-radius:10px;background:#1d2819;color:#dce8ce;padding:0;overflow:hidden;box-shadow:0 25px 100px #0009;font-size:14px;line-height:1.8;color-scheme:dark}
.reference-media-preview-dialog::backdrop{background:#080e0bc4;backdrop-filter:blur(4px)}
.reference-media-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border-bottom:1px solid #415434;font-size:14px}
.reference-media-preview-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-media-icon-button{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:5px;background:none;border:0;border-radius:5px;color:#b5c59f}
.reference-media-icon-button:hover{background:#3c4b31;color:#eff7e5}
.reference-media-preview-body{display:flex;align-items:center;justify-content:center;min-height:200px;max-height:calc(85dvh - 61px);overflow:auto;background:#111a0d;padding:0}
.reference-media-preview-body>img,.reference-media-preview-body>video{display:block;max-width:100%;max-height:calc(85dvh - 61px);object-fit:contain}
.reference-media-preview-body>audio{display:block;width:calc(100% - 50px);max-width:600px;margin:45px 25px}
.reference-media-preview-message{font-size:14px;color:#c0d1ab;line-height:1.9;margin:0;padding:30px 25px;text-align:center;overflow-wrap:anywhere}
@media(max-width:800px){.reference-media-card{flex-basis:207px}.reference-media-buttons{gap:6px}.reference-media-upload-button{font-size:12px;padding:6px 8px}.reference-media-upload-notice,.reference-media-problems{font-size:12px}.reference-media-cards{gap:8px;padding-top:9px}.reference-media-preview-dialog{width:calc(100vw - 28px)}}
@media(max-width:480px){.reference-media-upload-button{font-size:11px;min-height:30px;padding:6px 7px;gap:5px}.reference-media-upload-button svg{width:13px!important;height:13px!important}.reference-media-card{flex-basis:195px;padding-left:8px;gap:8px}.reference-media-thumbnail{width:53px;height:53px}.reference-media-card-content>strong{font-size:12px}.reference-media-name,.reference-media-card-error,.reference-media-insert{font-size:11px}.reference-media-upload-notice,.reference-media-problems{font-size:11px}.reference-media-preview-heading{padding:11px 13px;font-size:13px}.reference-media-preview-body{min-height:170px}.reference-media-preview-body>audio{width:calc(100% - 32px);margin:30px 16px}.reference-media-preview-message{font-size:13px;padding:25px 20px}}
@media(prefers-reduced-motion:reduce){#referenceMediaMount *,.reference-media-mention-menu *,.reference-media-preview-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}