.fv-generator{border:1px solid var(--fv-line);text-align:left;background:#fff;border-radius:20px;position:relative;box-shadow:0 8px 30px #25203405}.fv-generator.is-compact{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#15151ac9;border-color:#ffffff30;border-radius:24px}.fv-generation-tabs{border-bottom:1px solid #ffffff20;align-items:center;gap:22px;padding:0 20px;display:flex}.fv-generation-tabs>button,.fv-generation-tabs>a{color:#ffffff80;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:14px 0;font-size:14px;font-weight:600;display:flex}.fv-generation-tabs>button.active{color:#fff;border-color:#a99aff}.fv-generation-tabs .fv-explore{color:#b9aaff;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.fv-prompt-wrap{position:relative}.fv-prompt-wrap textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:160px;padding:24px 24px 40px;font-family:inherit;font-size:15px;line-height:1.7}.is-compact .fv-prompt-wrap textarea{min-height:180px;font-family:ui-monospace,monospace;font-size:14px}.fv-prompt-wrap textarea::placeholder{color:#95909f}.fv-char-count{color:var(--fv-muted);font-size:11px;position:absolute;bottom:12px;right:22px}.fv-generation-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.fv-control{border:1px solid var(--fv-line);color:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;line-height:1.3;display:inline-flex}.fv-control select{cursor:pointer;background:0 0;outline:none;max-width:110px}.fv-control select option{color:#262330;background:#fff}.is-compact .fv-control{color:#e1dfe8;border-color:#ffffff24}.fv-control:hover,.fv-control.selected{border-color:var(--fv-primary)}.fv-generate-action{align-items:center;gap:16px;margin-left:auto;display:flex}.fv-generate-action>span{color:var(--fv-muted);font-size:12px}.is-compact .fv-generate-action>span{color:#aaa5b4}.is-compact .fv-generate-action .fv-button{border-radius:50%;padding:10px}.fv-model-control{position:relative}.fv-model-popover{z-index:30;border:1px solid var(--fv-line);width:340px;color:var(--fv-ink);background:#fff;border-radius:14px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 18px 50px #18102026}.fv-model-heading{color:var(--fv-muted);justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}.fv-model-heading button{cursor:pointer}.fv-model-popover>button{text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 8px;display:flex}.fv-model-popover>button:hover{background:var(--fv-bg)}.fv-model-popover strong{font-size:13px;font-weight:600;display:block}.fv-model-popover small{color:var(--fv-muted);margin-top:3px;font-size:11px;display:block}.fv-model-mark{color:var(--fv-primary);background:#ede9ff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.fv-advanced{border-top:1px solid var(--fv-line);flex-wrap:wrap;align-items:end;gap:18px;padding:18px 22px;font-size:12px;display:flex}.fv-advanced>label{flex-direction:column;gap:8px;display:flex}.fv-advanced select{border:1px solid var(--fv-line);background:0 0;border-radius:7px;padding:9px}.fv-advanced option{color:#262330}.fv-reference-url{flex:1;align-items:end;gap:8px;min-width:220px;display:flex}.fv-reference-url>div{flex:1}.fv-reference-url input{height:34px}.fv-reference-list{gap:9px;padding:0 24px;display:flex}.fv-reference-list>div{position:relative}.fv-reference-list img{object-fit:cover;border-radius:7px;width:65px;height:65px}.fv-reference-list button{color:#fff;cursor:pointer;background:#262330;border-radius:50%;padding:4px;position:absolute;top:-5px;right:-5px}.fv-generation-error{color:#9b3131;background:#fff1f1;border-radius:8px;margin:0 16px 16px;padding:12px 14px;font-size:13px}.fv-generation-error a{color:var(--fv-primary);margin-top:6px;font-weight:600;display:block}.fv-task-result{border-top:1px solid var(--fv-line);padding:20px}.fv-task-result>a{color:var(--fv-primary);margin-top:16px;font-size:13px;display:inline-block}.fv-task-pending{text-align:center;padding:24px}.fv-task-pending>svg{color:var(--fv-primary);margin:0 auto 12px}.fv-task-pending p{color:var(--fv-muted);margin-top:8px;font-size:13px}.fv-result-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.fv-result-grid img,.fv-result-grid video{object-fit:contain;background:#101016;border-radius:10px;width:100%;max-height:460px}.fv-result-grid a{margin-top:10px;margin-right:12px;font-size:12px;display:inline-flex}.fv-spin{animation:1s linear infinite fv-spin}@keyframes fv-spin{to{transform:rotate(360deg)}}.fv-workspace-heading{text-align:center;margin-bottom:28px}:is(.fv-studio .fv-workspace-heading:has(+.fv-workspace-form),.fv-studio .fv-tool-heading){text-align:start;width:min(100%,76rem);margin:clamp(.6rem,1.8vw,1.5rem) auto clamp(1.25rem,2.4vw,2rem)}:is(.fv-studio .fv-workspace-heading:has(+.fv-workspace-form) h1,.fv-studio .fv-tool-heading h1){letter-spacing:-.058em;text-wrap:balance;font-size:clamp(2.1rem,4.1vw,3.75rem);font-weight:650;line-height:1.04}:is(.fv-studio .fv-workspace-heading:has(+.fv-workspace-form) p,.fv-studio .fv-tool-heading p){max-width:67ch;margin-top:.7rem;font-size:clamp(.9375rem,1.3vw,1.0625rem);line-height:1.65}.fv-workspace-heading h1{letter-spacing:-.035em;font-size:34px;font-weight:600}.fv-workspace-heading p{color:var(--fv-muted);margin-top:9px;font-size:14px}.fv-workspace-form{max-width:76rem;margin:0 auto clamp(2.5rem,5vw,4.5rem)}.fv-workspace-form .fv-generation-controls{border-top:1px solid var(--fv-line)}.dark .fv-workspace-form :is(.fv-generator,.fv-model-popover){background:#282330}.fv-tool-description{max-width:900px;margin:70px auto}.fv-tool-description h2{letter-spacing:-.03em;margin-bottom:18px;font-size:28px;font-weight:600}.fv-tool-description p{color:var(--fv-muted);font-size:15px;line-height:1.8}.fv-tool-steps{grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0;display:grid}.fv-tool-steps article{border:1px solid var(--fv-line);background:#fff;border-radius:15px;padding:24px}.fv-tool-steps span{color:var(--fv-primary);font-size:12px}.fv-tool-steps h3{margin:12px 0;font-size:16px;font-weight:600}.fv-tool-steps p{font-size:13px}.fv-empty{text-align:center;border:1px dashed var(--fv-line);background:#ffffff70;border-radius:20px;padding:90px 24px}.fv-empty svg{color:var(--fv-primary);margin:0 auto 18px}.fv-empty h2{font-size:24px;font-weight:600}.fv-empty p{color:var(--fv-muted);max-width:440px;margin:12px auto 24px}.fv-history-toolbar{align-items:center;gap:10px;margin:24px 0;display:flex}.fv-history-toolbar button{cursor:pointer}.fv-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.fv-history-card{border:1px solid var(--fv-line);background:#fff;border-radius:16px;padding:15px}.fv-history-card .fv-result-grid{display:block}.fv-history-card .fv-result-grid img,.fv-history-card .fv-result-grid video{object-fit:contain;height:250px}.fv-history-card h3{margin:12px 0 6px;font-size:14px;font-weight:600}.fv-history-card>p{color:var(--fv-muted);font-size:13px;line-height:1.6}.fv-history-meta{color:var(--fv-muted);justify-content:space-between;margin:15px 0;font-size:11px;display:flex}.fv-history-card>footer{color:var(--fv-primary);border-top:1px solid var(--fv-line);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}@media (width<=768px){.fv-prompt-wrap textarea{min-height:180px;padding:18px 16px 34px}.fv-generation-controls{gap:6px;padding:12px}.fv-generate-action{gap:8px}.fv-model-popover{width:min(320px,100vw - 60px)}.fv-control{padding:8px;font-size:11px}.fv-reference-button span{display:none}.fv-workspace-heading h1{font-size:27px}.fv-tool-steps{grid-template-columns:1fr}.fv-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fv-generation-tabs{gap:18px}.fv-generation-tabs>button,.fv-generation-tabs>a{font-size:12px}.fv-history-card .fv-result-grid img,.fv-history-card .fv-result-grid video{height:180px}}@media (width<=480px){.fv-history-grid{grid-template-columns:1fr}.fv-generate-action{justify-content:flex-end;width:100%}.is-compact .fv-generate-action{width:auto}.fv-advanced{padding:14px}.fv-workspace-form{margin-bottom:36px}}.fv-reference-loading{background:#eeeaf5;border-radius:7px;place-items:center;width:65px;height:65px;display:grid}
