.reference-prompt-composer{display:flex;flex-direction:column;gap:10px;min-width:0;margin:12px 0;color:inherit;font-size:12px}.reference-prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-prompt-heading .button{font-size:12px;min-height:32px;padding:6px 10px}.reference-prompt-composer textarea{width:100%;font:inherit;line-height:1.85;resize:vertical}.reference-prompt-thumbnails{display:flex;gap:10px;overflow:auto;padding:3px 3px 6px;align-items:center;min-height:36px}.reference-prompt-thumbnails>small{color:#968aa9;line-height:1.8}.reference-prompt-item{position:relative;flex:none}.reference-prompt-thumb{width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#171420;border:1px solid #6e557f70;border-radius:10px;overflow:hidden;color:#e1d5f0;font:inherit;padding:4px}.reference-prompt-thumb img{width:100%;height:47px;object-fit:contain}.reference-prompt-thumb:hover{border-color:#b794db}.reference-prompt-remove{position:absolute;right:-4px;top:-4px;width:21px;height:21px;padding:0;border:1px solid #7c658e;border-radius:50%;background:#251d31;color:#eee;font-size:17px;line-height:1}.reference-prompt-editable{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;min-height:135px;max-height:240px;border:1px solid #aa89cc33;border-radius:10px;background:#100e18a6;color:#e8e0f3;padding:12px;font:inherit;line-height:2.1;outline:none}.reference-prompt-editable:focus{outline:1px solid #ac86d6;outline-offset:2px}.reference-prompt-editable:empty:before{content:attr(data-placeholder);color:#8e829f}.reference-prompt-editable[aria-disabled=true]{opacity:.65}.reference-prompt-token{display:inline-flex;vertical-align:middle;align-items:center;gap:4px;max-width:100px;margin:0 3px;padding:1px 6px 1px 2px;border:1px solid #9d7bbc66;border-radius:6px;background:#4e3b6266;color:#e4d5f3;user-select:all;line-height:1.7}.reference-prompt-token img{width:24px;height:24px;object-fit:cover;border-radius:3px}.reference-prompt-help{color:#9e91af;line-height:1.7}.reference-prompt-composer button:disabled{opacity:.45;cursor:default}.reference-prompt-composer button:focus-visible{outline:2px solid #ba97df;outline-offset:2px}.hub-generation-input .reference-prompt-composer{margin:8px 0;gap:7px}.hub-generation-input .reference-prompt-editable{min-height:112px;max-height:155px}.shot-reference-body{display:flex;flex-direction:column;gap:12px;min-width:0}.shot-reference-edit{align-self:flex-start;font-size:12px}.shot-reference-composition-dialog{width:min(920px,94vw);max-height:90vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.shot-reference-composition-dialog header{display:flex;justify-content:space-between;align-items:center}.shot-reference-composition-dialog textarea{width:100%;resize:vertical;min-height:190px;line-height:1.8;padding:14px;background:var(--bg-primary,#111329);color:inherit;border:1px solid #706391;border-radius:10px}.shot-reference-selected{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.shot-reference-selected>div,.shot-reference-selected>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid #706391;border-radius:8px}.shot-reference-selected img{width:54px;height:54px;object-fit:contain}.shot-reference-picker{padding:14px;border:1px solid #8970d7;border-radius:12px}.shot-reference-picker>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:310px;overflow-y:auto;margin-top:12px}.shot-reference-picker>div>button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#20203b;color:inherit;border:1px solid #706391;border-radius:8px}.shot-reference-picker img{width:100%;height:100px;object-fit:contain}.shot-reference-composition-dialog footer{display:flex;justify-content:flex-end}.shot-image-mention{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:0 2px;padding:1px 5px 1px 2px;vertical-align:middle;border:1px solid rgb(167 139 250 / 45%);border-radius:7px;background:#8b5cf621;color:#ddd0ff;font:inherit;font-size:.88em;line-height:1.35;cursor:pointer}.shot-image-mention>.async-image{display:inline-flex;width:25px;height:30px;flex:0 0 25px;overflow:hidden;border-radius:4px}.shot-image-mention img{width:100%;height:100%;object-fit:cover}.shot-image-mention .async-image-state{padding:0}.shot-image-mention .async-image-state small{display:none}.shot-image-mention:focus-visible{outline:2px solid var(--violet-2);outline-offset:2px}.shot-reference-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#000000bf}.shot-reference-dialog{display:flex;flex-direction:column;width:min(1100px,100%);max-height:90vh;min-height:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--color-surface,#141527);color:var(--text)}.shot-reference-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.shot-reference-dialog>.async-image{display:flex;justify-content:center;min-height:0;height:auto;overflow:auto}.shot-reference-dialog img{display:block;width:auto;max-width:100%;max-height:calc(90vh - 100px);height:auto;object-fit:contain}.project-art-direction{margin:12px 0 20px;padding:18px}.project-art-direction>summary{cursor:pointer;line-height:1.6}.project-art-direction>summary span{margin-left:14px;opacity:.7;font-size:12px}.project-art-direction form{display:grid;gap:14px;margin-top:16px}.project-art-direction p{font-size:13px;line-height:1.7;margin:4px 0}.project-art-direction details{min-width:0}.project-art-direction pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:12px}.art-direction-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.art-direction-fields label{display:grid;gap:7px;font-size:13px}.art-direction-fields textarea{width:100%;min-height:80px;resize:vertical}.project-art-direction fieldset{border:1px solid var(--border, #d4d4d8);border-radius:10px;padding:12px;min-width:0}.art-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-height:320px;overflow:auto}.art-reference-grid label{display:grid;gap:5px;padding:8px;font-size:11px;overflow-wrap:anywhere;cursor:pointer}.art-reference-grid img{width:100%;height:85px;object-fit:contain;border-radius:6px}.art-impact-list{max-height:300px;overflow:auto}.art-impact-list>div{padding:10px 0;border-bottom:1px solid var(--border, #d4d4d8);font-size:13px}@media(max-width:700px){.art-direction-fields{grid-template-columns:1fr}.project-art-direction>summary span{display:block;margin-left:0}}
