.prompt-shell.image-composer,.prompt-shell.reference-composer{display:grid;grid-template-columns:auto 1fr;min-height:184px}.prompt-editor{display:flex;min-width:0;flex-direction:column}.prompt-editor textarea{flex:1}.text-composer .mode-media{display:none}.image-composer .mode-media,.reference-composer .mode-media{display:flex;border-right:1px solid var(--line);padding:14px;gap:9px}.image-composer .mode-media{width:216px;align-items:flex-start}.frame-slot{position:relative;width:88px;height:100px;border:1px dashed rgba(109,75,209,.28);border-radius:9px;background:#f7f5f2;color:#746d68;overflow:hidden}.frame-slot:hover{border-color:rgba(109,75,209,.52);background:var(--accent-bg);color:var(--accent)}.frame-select{position:absolute;inset:0;border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.frame-select>i{font-style:normal;font-size:20px;font-weight:300}.frame-select>span{font-size:9px}.frame-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.frame-slot .frame-overlay{position:absolute;inset:auto 5px 5px;padding:3px 4px;border-radius:4px;background:rgba(28,24,21,.68);color:#fff;font-size:7px;backdrop-filter:blur(5px)}.frame-delete{position:absolute;z-index:2;right:4px;top:4px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(48,20,20,.86);color:#ffd0cc;padding:3px 5px;font-size:8px;opacity:0;transition:opacity .15s}.frame-slot:hover .frame-delete,.frame-delete:focus-visible{opacity:1}.image-composer textarea{height:auto;min-height:135px}.image-composer .prompt-footer #upload-button,.reference-composer .prompt-footer #upload-button{display:none}.reference-composer .mode-media{width:248px;flex-direction:column}.reference-counts{display:flex;gap:5px}.reference-counts span{height:22px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#77716c;padding:0 7px;font-size:8px}.reference-counts span i{font-style:normal;color:#8e8781}.reference-drop{flex:1;min-height:92px;border:1px dashed rgba(109,75,209,.28);border-radius:9px;background:#f7f5f2;color:#746d68;display:flex;flex-direction:column;align-items:center;justify-content:center}.reference-drop:hover{border-color:rgba(109,75,209,.52);background:var(--accent-bg);color:var(--accent)}.reference-drop>i{font-style:normal;font-size:22px}.reference-drop>b{font-size:9px;font-weight:500;margin-top:3px}.reference-drop>small{font-size:7px;color:#99928c;margin-top:2px}.reference-files{display:flex;gap:5px;overflow:hidden}.reference-file{width:34px;height:34px;flex:none;border-radius:5px;background:linear-gradient(135deg,#d8d0eb,#947dcd);border:1px solid #fff;box-shadow:0 2px 7px #5a4a4030;display:grid;place-items:center;color:#fff;font-size:8px}.reference-composer textarea{height:auto;min-height:135px}.composer-hint{display:flex;align-items:center;gap:6px;color:#8a837d;font-size:8px;padding:0 14px 8px}.composer-hint kbd{border:1px solid var(--line);border-radius:4px;background:#f4f1ed;color:#6747bf;padding:1px 5px;font:inherit}
.prompt-editor{position:relative}.reference-composer .mode-media{transition:.2s}.reference-composer .mode-media.dragging{background:rgba(109,75,209,.06);box-shadow:inset 0 0 0 2px rgba(109,75,209,.3)}.reference-counts span.active{color:var(--accent);border-color:rgba(109,75,209,.35);background:var(--accent-bg)}.reference-files{align-items:center;gap:7px;overflow-x:auto;padding:5px 1px 2px;min-height:76px}.reference-thumb{position:relative;width:58px;height:64px;flex:none;border-radius:9px;background:linear-gradient(135deg,#d8d0eb,#947dcd);border:1px solid rgba(109,75,209,.18);box-shadow:0 3px 10px #5a4a4020;overflow:visible}.reference-thumb>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.reference-thumb>.reference-kind-icon{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:18px}.reference-thumb>small{position:absolute;left:3px;bottom:3px;max-width:50px;padding:2px 4px;border-radius:4px;background:rgba(25,22,20,.68);color:#fff;font-size:7px;white-space:nowrap}.reference-thumb>button{position:absolute;right:-5px;top:-5px;width:17px;height:17px;border-radius:50%;background:#37302b;color:#fff;border:2px solid #f7f5f2;font-size:10px;line-height:1;z-index:2}.reference-add{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid rgba(109,75,209,.25);background:var(--accent-bg);color:var(--accent);font-size:19px;box-shadow:0 2px 8px #5a4a4018}.reference-add:hover{transform:scale(1.06);border-color:var(--accent)}.reference-rules{margin:0;color:#9a938e;font-size:7px;line-height:1.65}.reference-composer textarea{min-height:112px;padding-top:16px}.reference-mention-chips{display:none;flex-wrap:wrap;gap:6px;padding:12px 14px 0}.reference-composer .reference-mention-chips:not(:empty){display:flex}.reference-mention-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:3px 7px 3px 3px;border:1px solid rgba(109,75,209,.22);border-radius:7px;background:var(--accent-bg);color:var(--accent);font-size:8px}.reference-mention-chip img,.mention-option img{width:22px;height:22px;border-radius:4px;object-fit:cover}.reference-mention-chip .reference-kind-icon,.mention-option .reference-kind-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#aa96d8;color:#fff}.reference-mention-chip button{margin-left:2px;color:#8c819e;font-size:12px}.reference-mention-menu{display:none;position:absolute;left:14px;top:50px;width:min(360px,calc(100% - 28px));padding:7px;border:1px solid rgba(109,75,209,.18);border-radius:12px;background:rgba(250,248,245,.97);box-shadow:0 16px 40px rgba(48,37,28,.18);backdrop-filter:blur(16px);z-index:15}.reference-mention-menu.visible{display:block;animation:mentionIn .16s ease-out}.mention-menu-head{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 7px;color:#817a75;font-size:8px}.mention-menu-head b{font-size:9px}.mention-menu-head span{font-size:7px}.mention-option{width:100%;display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px;text-align:left}.mention-option>span{display:flex;min-width:0;flex-direction:column}.mention-option b{font-size:9px;color:#544d49}.mention-option small{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#938b85;font-size:7px}.mention-option.selected,.mention-option:hover{background:rgba(109,75,209,.09)}@keyframes mentionIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:720px){.prompt-shell.image-composer,.prompt-shell.reference-composer{grid-template-columns:1fr}.image-composer .mode-media,.reference-composer .mode-media{width:auto;border-right:0;border-bottom:1px solid var(--line)}.image-composer .mode-media{justify-content:center}.reference-composer .mode-media{min-height:150px}.reference-mention-menu{top:48px}}
.ratio-picker .r32{width:24px;height:16px}.ratio-picker .r23{width:16px;height:24px}