[data-qj-reference-source="true"]{display:none!important}
.qj-ref-editor{box-sizing:border-box;display:block;width:100%;min-height:100px;padding:12px 14px;border:0;outline:none;background:transparent;color:#e5e7eb;font:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;caret-color:#93c5fd;text-align:left;cursor:text}
.qj-ref-editor[data-empty="true"]::before{content:attr(data-placeholder);color:#7f8a9d;opacity:.58;pointer-events:none;float:left;height:0;max-width:100%}
.qj-ref-editor[aria-readonly="true"]{cursor:default}
.st-prompt-box>.qj-ref-editor{flex:1;min-height:6.25rem;padding:.875rem 1rem .375rem}
.st-director-composer>.qj-ref-editor{height:8.25rem;min-height:3.625rem;max-height:11.25rem;resize:vertical}
.st-modal>.qj-ref-editor{min-height:20rem;height:min(55vh,35rem);background:#111827;border:1px solid #31415b;border-radius:10px}
#canvas-editor-toolbar.qj-inline-editor .qj-ref-editor{height:210px;min-height:210px;max-height:210px;padding:0;background:transparent;color:#e7edf7;font-size:14px;line-height:24px}
.qj-ref-editor [data-qj-ref-caret]{display:inline;cursor:text}
.qj-ref-editor .qj-ref-token{position:relative;display:inline-flex;align-items:center;gap:6px;max-width:min(100%,260px);margin:1px 3px;padding:3px 7px 3px 3px;border:1px solid #6889b866;border-radius:7px;background:#223650;color:#dcecff;vertical-align:middle;font-size:.9em;line-height:22px;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.qj-ref-editor .qj-ref-token::before,.qj-ref-editor .qj-ref-token::after{content:"";position:absolute;top:0;bottom:0;width:8px;cursor:text}
.qj-ref-editor .qj-ref-token::before{left:0}
.qj-ref-editor .qj-ref-token::after{right:0}
.qj-ref-editor .qj-ref-token:hover,.qj-ref-editor .qj-ref-token:focus-visible{background:#2c4669;border-color:#91b6ed;outline:none}
.qj-ref-token.is-missing{opacity:.6;border-style:dashed}
.qj-ref-token-name{overflow:hidden;text-overflow:ellipsis;min-width:0;pointer-events:none}
.qj-ref-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:36px;flex:none;overflow:hidden;border-radius:5px;background:#101b2d;color:#a2bde0;font-size:20px;vertical-align:middle}
.qj-ref-thumb>img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.qj-ref-thumb[data-type="audio"]{background:linear-gradient(145deg,#203d52,#242c48);color:#9ee8dd}
.qj-ref-token .qj-ref-thumb{width:28px;height:24px;border-radius:4px;font-size:17px;pointer-events:none}
.canvas-reference-image-item>.qj-canvas-reference-thumb{width:100%;height:100%;border-radius:inherit}
.qj-ref-video-mark{position:absolute;bottom:2px;right:2px;display:block;padding:0 2px;border-radius:2px;background:#071324bb;color:#fff;font-size:9px;line-height:13px}
.qj-ref-picker{position:fixed;z-index:25000;display:flex;flex-direction:column;gap:3px;box-sizing:border-box;width:340px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid #415572;border-radius:12px;background:#152136;color:#e4edfa;box-shadow:0 16px 48px #0007;font:13px/1.45 system-ui,sans-serif}
.qj-ref-picker-title{padding:5px 7px 8px;color:#9fb0c9;font-size:12px}
.qj-ref-picker>button{display:flex;align-items:center;gap:10px;flex:none;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal;font:inherit}
.qj-ref-picker>button:hover,.qj-ref-picker>button[aria-selected="true"]{border-color:#638ccc88;background:#29425f}
.qj-ref-choice-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qj-ref-choice-name>small{display:block;color:#9dafc6;font-size:11px;line-height:1.6}
.qj-ref-picker-empty{margin:0;padding:16px 9px;color:#9eacc0;font-size:13px}
.st-asset[data-st-action="preview-reference"]{cursor:zoom-in}
.st-asset[data-st-action="preview-reference"]:focus-visible{outline:2px solid #80aff0;outline-offset:2px}
.st-asset>.qj-ref-thumb{position:absolute;inset:0;display:flex;width:100%;height:100%;padding:0;border-radius:inherit;aspect-ratio:1;font-size:24px}
.st-reference-strip .st-asset>.qj-ref-thumb,.st-reference-strip .st-asset-audio>span.qj-ref-thumb:first-child{height:3.875rem}
.st-asset[data-st-action="preview-reference"]>span:not(.qj-ref-thumb){top:auto;bottom:0;left:0;right:0;background:#111827e0;display:block}
.st-director-attached .st-asset>.qj-ref-thumb{font-size:22px}
.qj-ref-viewer{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#030813cc;color:#e5ecf6;font:14px/1.5 system-ui,sans-serif}
.qj-ref-viewer>section{display:flex;flex-direction:column;width:min(1100px,94vw);max-height:92vh;border:1px solid #3a4d69;border-radius:16px;background:#111c2d;box-shadow:0 24px 80px #0009;overflow:hidden}
.qj-ref-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:14px 18px;border-bottom:1px solid #2e405b}
.qj-ref-viewer header>div{min-width:0}
.qj-ref-viewer header small{display:block;color:#96accb;font-size:11px}
.qj-ref-viewer header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.qj-ref-viewer header button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:#1f2937cc;color:#fff;line-height:1;cursor:pointer;transition:background-color .15s ease}
.qj-ref-viewer header button:hover:not(:disabled){background:#374151}
.qj-ref-viewer header button:focus-visible{outline:2px solid #80aff0;outline-offset:3px}
.qj-ref-viewer header button>svg{display:block;flex:none;width:24px;height:24px;pointer-events:none}
.qj-ref-viewer-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:240px;padding:16px;overflow:auto;box-sizing:border-box;background:#080f1c}
.qj-ref-viewer-body>img,.qj-ref-viewer-body>video{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;border-radius:7px}
.qj-ref-viewer-body>audio{width:min(680px,100%)}
.qj-ref-viewer-body>p{max-width:100%;margin:0;color:#a5b7d1;overflow-wrap:anywhere}
@media(max-width:640px){.qj-ref-viewer{padding:10px}.qj-ref-viewer>section{width:100%}.qj-ref-picker{max-height:240px}#canvas-editor-toolbar.qj-inline-editor .qj-ref-editor{height:180px;min-height:180px;max-height:180px;font-size:13px;line-height:23px}}