.vf-page{max-width:1600px;margin:0 auto}.vf-page h2{margin:0;font-size:21px}.vf-page small{line-height:1.6}.vf-page .tabs button.active{color:#171717}.vf-page .tabs button.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:0;left:0;right:0}.vf-settings .reference-picker-compact .reference-thumbnails figure{width:82px}.vf-settings .reference-picker-compact .reference-thumbnails img{width:82px;height:66px}.vf-settings .reference-picker-compact .reference-thumbnails figcaption{display:none}.vf-settings .reference-picker-compact .material-actions{gap:10px}.vf-settings .reference-picker-compact .material-actions>button{min-height:38px;padding:9px 12px;font-size:12px}.vf-settings .reference-picker-compact legend{justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0;display:flex}.vf-settings .reference-count{color:#73736e;white-space:nowrap;font-size:13px;font-weight:400}.vf-settings .reference-picker-compact>p{margin:6px 0 14px;line-height:1.7}.vf-page button.text-link{color:#2563eb;background:0 0;border:0;min-height:32px;padding:4px 0}.vf-page button.text-link:not(:disabled):hover{color:#1746ac;background:0 0}.vf-scene-card:not(:disabled):hover,.vf-work-card:not(:disabled):hover,.vf-version:not(:disabled):hover{color:#171717;background:#fafaf8}.vf-settings input:not([type=file]),.vf-settings textarea,.vf-settings select,.vf-title-actions input,.vf-history-filters select{font:inherit;color:#171717;background:#fff;border:1px solid #d9d9d3;border-radius:7px;min-width:0;padding:10px 12px}.vf-settings textarea{resize:vertical}.vf-title-actions input,.vf-history-filters select{width:100%}.vf-start-title{margin:30px 0 20px!important}.vf-scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.vf-scene-card{color:var(--text,#171717);text-align:left;background:#fff;border:1px solid #e7e7e4;border-radius:12px;flex-direction:column;gap:0;padding:0;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.vf-scene-card:hover:not(:disabled){border-color:#b8b8b2;transform:translateY(-2px)}.vf-scene-card>img{aspect-ratio:1.4;object-fit:cover;width:100%}.vf-scene-body{flex-direction:column;flex:1;gap:11px;min-width:0;padding:19px;display:flex}.vf-scene-body>strong{font-size:21px}.vf-scene-body>.muted{font-size:14px}.vf-scene-tags{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.vf-scene-tags>span{background:#f7f7f5;border:1px solid #e7e7e4;border-radius:20px;padding:3px 10px;font-size:12px}.vf-card-action{color:#fff;background:#171717;border-radius:7px;justify-content:space-between;padding:11px 15px;font-size:14px;display:flex}.vf-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.vf-history{margin-top:36px}.vf-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.vf-work-card{text-align:left;color:#171717;background:#fff;border:1px solid #e7e7e4;border-radius:10px;align-items:center;gap:15px;min-width:0;padding:10px;display:flex}.vf-work-item{background:#fff;border:1px solid #e7e7e4;border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.vf-work-item>.vf-work-card{border:0;border-radius:0;flex:1;width:100%}.vf-work-item>.vf-work-card:focus-visible{outline-offset:-3px}.vf-work-actions{border-top:1px solid #f1f1ef;justify-content:flex-end;padding:4px 14px 8px;display:flex}.vf-page button.vf-delete{color:#b42318}.vf-page button.vf-delete:not(:disabled):hover{color:#8a1c13}.vf-history-pagination{justify-content:center;align-items:center;gap:16px;padding:20px 0;font-size:14px;display:flex}.vf-history-pagination>button{white-space:nowrap;width:auto;min-height:40px;padding:8px 16px;font-size:14px}.vf-history-pagination>span{white-space:nowrap}.vf-work-card>img,.vf-work-placeholder{object-fit:cover;color:#959590;background:#f3f3f0;border-radius:6px;flex-shrink:0;place-items:center;width:110px;height:100px;display:grid}.vf-work-card>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.vf-work-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.vf-work-card small{color:#858580;font-size:12px}.vf-status{flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:inline-flex}.vf-status:before{content:"";background:#93938e;border-radius:50%;width:7px;height:7px}.vf-status-SUCCEEDED:before{background:#13a16a}.vf-status-RUNNING:before,.vf-status-PENDING:before{background:#2563eb}.vf-status-FAILED:before,.vf-status-UNKNOWN:before{background:#c56e39}.vf-history-filters{gap:16px;margin:20px 0;display:flex}.vf-history-filters label{width:min(230px,50%)}.vf-back{margin-bottom:14px}.vf-title-actions{align-items:flex-end;gap:12px;margin:-15px 0 24px;display:flex}.vf-title-actions label{flex:1;max-width:480px;margin:0}.vf-workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.vf-settings,.vf-result,.vf-versions{min-width:0;padding:24px}.vf-settings h2{margin-bottom:20px}.vf-settings fieldset{border:0;min-width:0;margin:0;padding:0}.vf-settings label{flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;display:flex}.vf-settings input,.vf-settings textarea,.vf-settings select{width:100%;min-width:0}.vf-settings .reference-picker{margin-bottom:20px}.vf-settings .reference-toolbar{flex-wrap:wrap}.vf-settings .reference-toolbar label{margin:0}.vf-settings .reference-picker h3{font-size:15px}.vf-settings .reference-preview{max-width:100%}.vf-settings .muted,.vf-settings .vf-warning{font-size:13px}.vf-warning{color:#a44b28}.vf-size-field{margin-bottom:22px;font-size:14px}.vf-size-options{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.vf-size-options>button{min-height:34px;padding:7px 10px;font-size:12px}.vf-size-options [aria-pressed=true]{color:#2563eb;background:#fff;border-color:#2563eb}.vf-submit{justify-content:space-between;align-items:center;width:100%;margin-top:5px;display:flex}.vf-base-note{background:#f5f6f8;border-radius:6px;padding:10px;font-size:13px}.vf-result{min-height:480px}.vf-results-column{gap:20px;min-width:0;display:grid}.vf-result-empty{text-align:center;color:#858580;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:30px;display:flex}.vf-result-empty h3{color:#333;margin-bottom:4px;font-size:20px}.vf-result-empty p{max-width:390px;font-size:14px;line-height:1.8}.vf-empty-image{color:#b2b2ac;flex-shrink:0;margin-bottom:12px}.vf-spinner{border:2px solid #e7e7e4;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;animation:1s linear infinite vf-spin}@keyframes vf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vf-spinner{animation:none}.vf-scene-card{transition:none}}.vf-compare-toolbar{flex-wrap:wrap;gap:20px;margin-bottom:12px;display:flex}.vf-compare-toolbar [aria-pressed=true]{color:#2563eb;text-underline-offset:8px;text-decoration:underline}.vf-image-stage{background:#f4f4f1;border-radius:8px;position:relative;overflow:hidden}.vf-output-image{object-fit:contain;width:100%;min-height:220px;max-height:650px;display:block}.vf-split-overlay{pointer-events:none;position:absolute;inset:0}.vf-split-overlay img{object-fit:contain;width:100%;height:100%}.vf-range-label{color:#858580;flex-direction:column;gap:8px;margin-top:12px;font-size:12px;display:flex}.vf-range-label input{accent-color:#2563eb;width:100%;padding:0}.vf-result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.vf-result-actions .button{color:#171717;border:1px solid #d0d0ca;border-radius:8px;align-items:center;padding:12px 18px;font-size:14px;text-decoration:none;display:inline-flex}.vf-result-actions>.text-link{margin-left:auto;font-size:12px}.vf-version-list{gap:12px;padding:15px 0 3px;display:flex;overflow-x:auto}.vf-version{color:#171717;text-align:left;background:#fff;border:1px solid #e7e7e4;border-radius:8px;gap:10px;min-width:210px;padding:9px;display:flex}.vf-version.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.vf-version>span:last-child{flex-direction:column;gap:2px;display:flex}.vf-version small{color:#858580;font-size:11px}.vf-version img,.vf-version-placeholder{object-fit:cover;background:#f4f4f1;border-radius:4px;width:65px;height:65px}.vf-version-placeholder{color:#959590;place-items:center;display:grid}.vf-mobile-tabs{display:none}@media (max-width:1250px){.vf-scene-grid,.vf-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vf-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px}.vf-settings,.vf-result,.vf-versions{padding:20px}}@media (max-width:900px){.vf-workspace,.vf-work-grid{grid-template-columns:1fr}.vf-mobile-tabs{display:flex}.vf-show-settings .vf-results-column,.vf-show-result .vf-settings{display:none}.vf-result-empty{min-height:300px}}@media (max-width:500px){.vf-scene-grid{gap:12px}.vf-scene-body{gap:9px;padding:12px}.vf-scene-body>strong{font-size:17px}.vf-scene-body>.muted{font-size:12px;line-height:1.7}.vf-scene-tags{gap:4px}.vf-scene-tags>span{padding:2px 7px;font-size:10px}.vf-card-action{padding:10px;font-size:12px}.vf-title-actions{flex-wrap:wrap}.vf-title-actions label{flex-basis:100%;width:100%}.vf-settings,.vf-result,.vf-versions{padding:17px}.vf-result-actions>button,.vf-result-actions>.button{flex:1;justify-content:center;padding:11px}.vf-result-actions>.text-link{width:100%;margin:2px 0 0}.vf-output-image{min-height:150px}.vf-compare-toolbar{gap:15px;font-size:13px}}
