.fi-tabs{gap:6px;display:flex}.fi-tab{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:5px;padding:7px 16px;font-size:12px;font-weight:500;transition:color .22s cubic-bezier(.32,.72,0,1),border-color .22s cubic-bezier(.32,.72,0,1),background .22s cubic-bezier(.32,.72,0,1),box-shadow .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative}.fi-tab:hover:not(.active){color:var(--text-secondary);background:#ffffff0f;border-color:#fff3}.fi-tab.active,.fi-tab[aria-pressed=true]{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,#10b981f2,#059669e6);font-weight:600;transform:translateY(-1px);box-shadow:0 4px 14px -2px #10b9818c,0 0 0 2px #10b9812e,inset 0 1px #ffffff3d}.fi-tab:has(input:checked){color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,#10b981f2,#059669e6);font-weight:600;transform:translateY(-1px);box-shadow:0 4px 14px -2px #10b9818c,0 0 0 2px #10b9812e,inset 0 1px #ffffff3d}.fi-tab.active:hover,.fi-tab[aria-pressed=true]:hover{background:linear-gradient(135deg,#10b981,#059669f2)}.fi-tab input{display:none}.fi-prompt-area{align-items:flex-end;gap:8px;display:flex}.fi-textarea{box-shadow:none;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:150px;padding:0;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:hidden}.fi-textarea:focus{box-shadow:none;border:none;outline:none}.fi-textarea::placeholder{color:var(--text-muted)}.fi-optimize-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.fi-optimize-btn:hover{color:var(--accent-primary)}
.fi-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.fi-selectors{flex-wrap:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}
.fi-pill-select{position:relative}.fi-pill-trigger{cursor:pointer;height:30px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:0 8px;font-size:13px;transition:background .2s;display:flex}.fi-pill-trigger:hover{background:#ffffff0f}.fi-pill-select .custom-select-dropdown{min-width:100px;top:auto;bottom:calc(100% + 6px)}.fi-pill-toggle{height:30px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.32,.72,0,1);display:inline-flex}.fi-pill-toggle:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff1f}.fi-pill-toggle.active{color:var(--accent-primary);background:linear-gradient(135deg,#10b9812e,#05966929);border-color:#10b98173;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #10b9812e}.fi-pill-toggle svg{flex-shrink:0}
.fi-generate-btn{border-radius:10px;flex-shrink:0;gap:4px;height:34px;padding:0 20px;font-size:14px;font-weight:600}.fi-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}
.fi-prompt-row{flex-wrap:nowrap;align-items:center;gap:8px;min-height:52px;display:flex}.fi-add-img{width:44px;height:52px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.fi-add-img:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#10b9810a}.fi-add-img input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.fi-inline-previews{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-shrink:0;align-items:flex-end;gap:6px;max-width:320px;padding-bottom:2px;display:flex;overflow:auto hidden}.fi-inline-previews:hover{scrollbar-color:#ffffff38 transparent}.fi-inline-previews::-webkit-scrollbar{height:4px;display:block}.fi-inline-previews::-webkit-scrollbar-track{background:0 0}.fi-inline-previews::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.fi-inline-previews:hover::-webkit-scrollbar-thumb{background:#ffffff38}.fi-inline-previews:empty{display:none}.fi-inline-previews .preview-container{cursor:grab;touch-action:none;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;width:52px;height:52px;transition:opacity .2s,border-color .2s,transform .16s;position:relative;overflow:hidden}.fi-inline-previews .preview-container.uploading{cursor:default;touch-action:auto}.fi-inline-previews .preview-container:active{cursor:grabbing}.fi-inline-previews .preview-container.dragging,.fi-inline-previews .preview-container[draggable=true]:active{opacity:.35;border-color:var(--accent-primary);transform:scale(.96)}.fi-inline-previews .preview-thumb{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fi-inline-previews .preview-badge{display:none}.fi-inline-previews .preview-thumb--audio{color:#fff;background:linear-gradient(135deg,#6366f140,#10b9812e);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.fi-inline-previews .remove-img{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.fi-inline-previews .preview-container:hover .remove-img{opacity:1}.fi-inline-previews .upload-loader{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fi-inline-previews .upload-loader:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite generation-upload-spin}@keyframes generation-upload-spin{to{transform:rotate(360deg)}}.fi-drop-overlay{border:2px dashed var(--accent-primary);color:var(--accent-primary);z-index:5;pointer-events:none;background:#10b98114;border-radius:18px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.fi form{position:relative}.fi-upload{padding:0 0 4px}.fi-upload-zone{cursor:pointer;color:var(--text-tertiary);border:1px dashed #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.fi-upload-zone:hover,.fi-upload-zone.drag-over{border-color:var(--accent-primary);background:#10b9810a}
@media (max-width:768px){.fi{max-width:100%;padding:0 8px 8px}.fi form{border-radius:14px;padding:10px 12px}.fi-model-select .model-picker-container{min-width:0;left:0}.model-picker-container{border-radius:0;width:100%;max-width:100%;max-height:none;animation:.3s ease-out generation-model-picker-slide-up;position:fixed;inset:56px 0 64px}.model-picker{max-height:calc(100dvh - 180px)}.fi-tabs{flex-wrap:wrap;gap:5px}.fi-tab{padding:6px 12px;font-size:12px}.fi-toolbar{flex-wrap:wrap;gap:8px}.fi-selectors{flex-wrap:wrap;flex-basis:100%;gap:6px;min-width:0}.fi-model-select{flex:160px;min-width:140px}.fi-model-select .model-selector-trigger{width:100%;max-width:none;height:36px;padding:0 10px 0 6px}.fi-model-select .selected-model-icon{flex-shrink:0;width:22px;height:22px}.fi-pill-select{flex:none}.fi-pill-trigger{height:32px;padding:0 10px;font-size:12.5px}.fi-actions{flex-basis:100%;justify-content:stretch;gap:8px;width:100%}.fi-generate-btn{flex:auto;height:40px;font-size:14px}.fi-actions .status-msg{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:12px;overflow:hidden}}@media (max-width:768px) and (orientation:landscape){.model-picker-container{top:56px;bottom:52px}}@media (hover:none) and (pointer:coarse){.model-card:hover{transform:none}.model-card:active{background-color:var(--bg-surface-hover)}}@keyframes generation-model-picker-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}