.face-studio{padding:24px;overflow:hidden}.fs-banner{display:flex;gap:14px;padding:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:22px}.fs-banner p{margin:5px 0 0;color:var(--muted);font-size:.94rem}.fs-badge{background:var(--brand);color:white;align-self:flex-start;font-size:.68rem;font-weight:800;padding:4px 7px;border-radius:5px;letter-spacing:.08em}.fs-inputs,.fs-url-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fs-url{margin:18px 0}.fs-url summary{cursor:pointer;color:var(--brand);font-weight:600}.fs-url-row{margin-top:12px}.fs-url input{flex:1;min-width:200px}.fs-status{padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:.95rem}.fs-error{color:var(--danger);border-color:var(--danger)}.face-studio progress{width:100%;height:10px;accent-color:var(--brand);display:block;margin-bottom:12px}.fs-editor{display:grid;gap:24px;margin-top:24px}.fs-panel{border:1px solid var(--border);border-radius:12px;padding:20px;min-width:0}.fs-panel h2{margin:0 0 15px;font-size:1.12rem}.fs-video,.fs-preview{display:block;width:100%;max-height:420px;object-fit:contain;background:#10121b;border-radius:8px}.fs-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:16px}.fs-range label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;flex:1;min-width:100px}.fs-range input,.fs-url input{width:100%;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}.fs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.fs-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.fs-face-pair{display:flex;gap:12px;align-items:center;margin-bottom:4px}.fs-face-pair img{border-radius:9px;object-fit:cover}.fs-face-empty{display:grid;place-items:center;width:72px;height:72px;border:2px dashed var(--border);border-radius:9px;font-size:1.6rem;color:var(--muted)}.fs-scrubber{display:flex;gap:12px;align-items:center;margin:14px 0}.fs-scrubber input{flex:1;min-width:0;accent-color:var(--brand)}.fs-scrubber span{white-space:nowrap}.fs-check{display:flex;align-items:flex-start;gap:9px;font-size:.9rem;margin:12px 0}.fs-check input{margin-top:5px;accent-color:var(--brand)}.fs-downloads{margin-top:15px}.fs-foot{margin:20px 0 0}.face-studio button:disabled{opacity:.5;cursor:not-allowed}.face-studio :focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media(min-width:900px){.fs-editor{grid-template-columns:1fr 1fr}.fs-panel:last-child{grid-column:1/-1}.fs-panel:last-child .fs-preview,.fs-panel:last-child .fs-video{max-height:480px}.fs-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:540px){.face-studio{padding:14px}.fs-panel{padding:14px}.fs-banner{padding:13px}.fs-range .btn{width:100%}.fs-cards{grid-template-columns:1fr}.fs-url-row{flex-direction:column;align-items:stretch}.fs-url input{min-width:0}.fs-face-pair{justify-content:center}}
.fs-preview-options{display:flex;gap:20px;flex-wrap:wrap}.fs-device{margin:10px 0}.fs-photo-select{display:grid;gap:6px;font-size:.85rem}.fs-photo-select select{min-width:0;width:100%;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}.fs-blend-controls{display:grid;gap:12px;padding:10px 0}.fs-blend-controls label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.85rem}.fs-blend-controls input{grid-column:1/-1;width:100%;min-width:0;accent-color:var(--brand)}.fs-blend-controls output{font-variant-numeric:tabular-nums;color:var(--muted)}.face-studio [hidden]{display:none!important}
.fs-appearances{font-size:.85rem;border-top:1px solid var(--border);padding-top:10px}.fs-appearances summary{cursor:pointer;color:var(--brand);margin-bottom:8px}.fs-appearance{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0}.fs-appearance img{border-radius:6px;object-fit:cover}.fs-appearance .btn{font-size:.75rem;padding:6px 8px}.fs-appearances .fs-photo-select{margin-bottom:8px}