.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):not([aria-pressed=true]):not(:has(input:checked)){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 5px 16px -3px #10b9817a,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 5px 16px -3px #10b9817a,inset 0 1px #ffffff3d}.fi-tab.active:hover,.fi-tab[aria-pressed=true]:hover{background:linear-gradient(135deg,#10b981,#059669f2);border-color:#34d399eb;transform:translateY(-2px)scale(1.01);box-shadow:0 7px 20px -4px #10b98194,inset 0 1px #ffffff47}.fi-tab:has(input:checked):hover{background:linear-gradient(135deg,#10b981,#059669f2);border-color:#34d399eb;transform:translateY(-2px)scale(1.01);box-shadow:0 7px 20px -4px #10b98194,inset 0 1px #ffffff47}.fi-tab:has(input:focus-visible){outline-offset:2px;outline:2px solid #5eead4}.fi-tab input{opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.fi-tab{transition:none}.fi-tab.active,.fi-tab[aria-pressed=true],.fi-tab.active:hover,.fi-tab[aria-pressed=true]:hover{transform:none}.fi-tab:has(input:checked){transform:none}.fi-tab:has(input:checked):hover{transform:none}}.fi-prompt-area{align-items:center;gap:8px;min-height:52px;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-select .custom-select-option{text-align:start;background:0 0;border:0;width:100%}.fi-pill-portal-dropdown{width:max-content;max-width:calc(100vw - 24px);z-index:var(--z-popover);position:fixed;bottom:auto;right:auto;overflow-y:auto}.fi-pill-portal-dropdown .custom-select-option{text-align:start;white-space:nowrap;background:0 0;border:0;width:100%;padding:10px 14px;display:block}.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;padding:0;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:focus-visible{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #10b98147}.fi-add-img:has(input:focus-visible){border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #10b98147}.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-activate{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0}.fi-inline-previews .preview-activate:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-primary);outline:none}.fi-inline-previews .preview-activate:disabled{cursor:default}.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:24px;height:24px;font-size:15px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.fi-inline-previews .preview-container:hover .remove-img,.fi-inline-previews .preview-container:focus-within .remove-img{opacity:1}.fi-inline-previews .remove-img:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (hover:none){.fi-inline-previews .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}.model-picker-container.model-picker-container--mobile-layer{z-index:1200;border-radius:18px;width:min(430px,100vw - 16px);min-width:0;max-width:calc(100vw - 16px);max-height:none;animation:.3s ease-out generation-model-picker-slide-up;position:fixed;inset:56px auto 64px 50%;transform:translate(-50%)}.model-picker-container.model-picker-container--mobile-layer .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.model-picker-container--mobile-layer{top:56px;bottom:52px}.model-picker-container.model-picker-container--mobile-layer .model-picker{max-height:calc(100dvh - 168px)}}@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:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}