.faceswap-studio{max-width:1200px;margin:auto}.fs-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.fs-kicker{display:inline-flex;align-items:center;gap:8px;color:#e33232;font-weight:600;font-size:12px;margin-bottom:12px}.fs-kicker .icon{width:17px;height:17px}.fs-heading h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;line-height:1.15}.fs-heading p{color:var(--muted);line-height:1.6;margin-top:12px;max-width:530px}.fs-workspace{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.fs-setup{padding:22px}.fs-step{display:flex;gap:13px;align-items:center;margin-bottom:14px}.fs-step-number{display:grid;place-items:center;background:#e3323220;color:#e33232;border:1px solid #e3323240;border-radius:12px;width:35px;height:35px;flex-shrink:0;font-weight:700}.fs-step h2,.fs-result-heading h2{font-size:19px;letter-spacing:-.4px}.fs-step p,.fs-result-heading p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.fs-source-tabs{display:flex;gap:6px;background:#0f0f0f;border:1px solid var(--line);padding:5px;border-radius:10px;margin-bottom:17px}.fs-source-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;border-radius:7px;padding:10px 8px;color:var(--muted);font-weight:600;font-size:12px}.fs-source-tabs button[aria-pressed=true]{color:#cbcbcb;background:#32323260}.fs-source-tabs .icon{width:16px;height:16px}.fs-select-label{margin-bottom:8px}.fs-selected-model{display:flex;gap:13px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}.fs-selected-model img{width:52px;height:62px;object-fit:cover;border-radius:8px}.fs-selected-model>span{min-width:0}.fs-selected-model strong{display:block;font-size:14px}.fs-selected-model small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.fs-source-check{margin-left:auto;color:#83dbc4}.fs-upload{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px dashed #e3323266;background:#e332320a;min-height:120px;border-radius:13px;gap:14px;margin:0;text-align:left;padding:16px}.fs-upload-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e3323222;color:#e33232}.fs-upload-icon .icon{width:24px;height:24px}.fs-upload strong{display:block;color:var(--text);font-size:13px;font-weight:600}.fs-upload small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.fs-upload img{width:84px;height:105px;object-fit:cover;border-radius:8px}.fs-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.fs-upload:focus-within{outline:2px solid var(--red);outline-offset:3px}.fs-upload:has(input:disabled){opacity:.65}.fs-destination{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.fs-setup .fs-tip{font-size:12px;color:var(--muted);line-height:1.65;margin-top:10px}.fs-preserved{display:flex;align-items:flex-start;gap:8px;color:#b4c1ba;font-size:11px;line-height:1.65;margin:20px 0}.fs-preserved .icon{width:15px;height:15px;color:#8bceb4;margin-top:2px}.fs-price{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.fs-price strong{color:#cdcdcd;white-space:nowrap}.fs-generate{min-height:47px}.fs-setup .fs-price-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px;text-align:center}.fs-result{padding:22px;min-width:0}.fs-result-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}.fs-result-tabs{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;flex-shrink:0}.fs-result-tabs button{border:0;background:none;color:var(--muted);font-size:11px;padding:7px 9px;border-radius:5px}.fs-result-tabs button[aria-pressed=true]{background:#e3323228;color:#cecece}.fs-preview{height:clamp(360px,46vw,500px);position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#101010;display:flex;align-items:center;justify-content:center}.fs-preview>img{height:100%;width:100%;object-fit:contain}.fs-preview>img.fs-example{object-fit:cover}.fs-example-label{position:absolute;bottom:14px;left:14px;background:#0e0e0ecc;padding:7px 10px;border:1px solid #ffffff14;border-radius:6px;font-size:10px;color:#c3b8c2}.fs-preview.is-processing>img{filter:blur(9px);opacity:.4;transform:scale(1.03)}.fs-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#12121245}.fs-processing .spinner{margin:0 0 8px;width:29px;height:29px}.fs-processing small{color:#b6aab4;font-size:12px}.fs-direction{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:18px;font-size:11px;color:var(--muted)}.fs-direction span{display:flex;gap:6px;align-items:center}.fs-direction .icon{width:15px;height:15px}.fs-direction>.icon{color:#e33232}.fs-download{margin-top:17px;min-height:44px}.fs-result>.notice{margin:16px 0 0}.fs-history{margin-top:28px}.fs-history-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.fs-history-item{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);padding:0;aspect-ratio:3/4}.fs-history-item.active{border-color:#e33232}.fs-history-item img{width:100%;height:100%;object-fit:cover}.fs-history-item .status{position:absolute;bottom:7px;left:7px;right:7px;background:#111111dd;font-size:9px;justify-content:center}.fs-history-placeholder{display:grid;place-items:center;height:100%;color:#828282}.fs-history-placeholder .icon{width:28px;height:28px}.fs-confirm-images{display:flex;gap:16px;align-items:center;justify-content:center;margin:20px 0}.fs-confirm-images>div{flex:1;min-width:0;text-align:center}.fs-confirm-images img{width:100%;height:155px;object-fit:contain;background:#101010;border-radius:9px;border:1px solid var(--line)}.fs-confirm-images span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.fs-confirm-images>.icon{color:#e33232}.fs-no-model p{color:var(--muted);line-height:1.6;margin-bottom:12px}.fs-button-spinner{width:14px;height:14px;border:2px solid #ffffff44;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1100px){.fs-workspace{grid-template-columns:minmax(310px,.95fr) minmax(0,1fr);gap:16px}.fs-setup,.fs-result{padding:19px}.fs-result-heading{align-items:flex-start;flex-direction:column}.fs-history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.fs-workspace{grid-template-columns:1fr}.fs-heading{align-items:flex-start;gap:14px}.fs-heading>.btn{white-space:normal;text-align:right;padding:5px 0;max-width:100px}.fs-heading p{font-size:12px}.fs-preview{height:430px}.fs-result-heading{flex-direction:row;align-items:center}.fs-history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){.fs-heading h1{font-size:29px}.fs-heading{flex-direction:column}.fs-heading>.btn{max-width:none}.fs-result-heading{align-items:flex-start;flex-direction:column}.fs-preview{height:380px}.fs-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-direction{gap:8px;font-size:10px}.fs-setup,.fs-result{padding:16px}}@media(prefers-reduced-motion:reduce){.fs-button-spinner{animation:none}}