.ms-face-main{max-width:var(--studio-page-width);container:face-page/inline-size}.ms-face-main>nav{padding-top:28px;padding-bottom:20px}.ms-face-hero{border:2px solid var(--color-surface);background:radial-gradient(circle at 11% 2%,#89a7ff3b 0 32px,#0000 64px),radial-gradient(circle at 93% 11%,#a972f62e 0 38px,#0000 76px),radial-gradient(at 70% 85%,#c4eeff4a,#0000 52%),#ffffff7a;border-radius:64px;padding:48px 24px 32px;position:relative}.ms-face-heading{max-width:1080px;margin-top:0}.ms-face-editor{--runner-h:500px;margin-top:32px;position:relative}.ms-face-editor [data-tool-layout=face-cutout]{height:500px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.ms-face-editor [data-tool-layout=face-cutout]>.popview-in{grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:44px}.ms-face-editor .ms-tool-config{justify-content:center;height:500px;padding:16px}.ms-face-editor .ms-tool-config>p:first-child,.ms-face-editor .ms-tool-config>h3{display:none}.ms-face-editor .ms-tool-config .ms-retro-upload{min-height:256px;box-shadow:0 0 0 16px var(--color-surface), 0 10px 34px 18px #201d3614;background:#faf7ff;border:1px dashed #b678ff;border-radius:26px;flex:none;margin-top:0;padding:28px 16px}.ms-face-editor .ms-upload-title{font-size:24px}.ms-face-editor .ms-upload-pick{background:linear-gradient(125deg,#dd7bf0,#9250ff);border-radius:16px;min-height:56px}.ms-face-editor .ms-upload-help{max-width:390px;font-size:13px;line-height:1.5}.ms-face-editor .ms-tool-demo{background:0 0;justify-content:center;align-items:center;height:500px;display:flex;overflow:visible}.ms-face-upload-terms{max-width:760px;color:var(--color-muted);text-align:center;margin:14px auto 0;font-size:12px;line-height:1.5}.ms-face-upload-terms a{color:#2b5fd4;margin:-13px -2px;padding:13px 4px;display:inline-block}.ms-face-upload-terms a:hover{text-decoration:underline}.ms-face-editor:has(.has-preview) .ms-tool-config{padding-bottom:34px}.ms-face-editor:has(.has-preview) .ms-retro-upload{box-shadow:0 0 0 12px var(--color-surface), 0 10px 28px #201d3614}.ms-face-editor .ms-modal-action{margin-top:28px}.ms-face-artwork{aspect-ratio:1.2;isolation:isolate;width:min(100%,590px);position:relative}.ms-face-artwork-outline{background:#e9d8ff2e;border:3px solid #dcc3ff;border-radius:40px;width:73%;height:83%;position:absolute;top:9%;left:7%;transform:rotate(-15deg)}.ms-face-artwork-head{background:repeating-conic-gradient(#d9dce2 0 25%, white 0 50%) 0 / 26px 26px;border:10px solid #fff;border-radius:40px;width:73%;height:84%;position:absolute;top:8%;left:10%;overflow:hidden}.ms-face-artwork-head img{object-fit:contain;width:100%;height:100%}.ms-face-artwork-before{border:5px solid #fff;border-radius:20px;width:31%;position:absolute;bottom:15%;right:2%;overflow:hidden;box-shadow:0 4px 20px #402b590d}.ms-face-artwork-before img{width:100%;height:auto;display:block}.ms-face-artwork-arrow{width:18%;height:auto;position:absolute;top:17%;right:0}.ms-face-landing .ms-mobile-more-content>section{margin-inline:24px}.ms-face-steps>div:last-child{gap:24px;margin-top:40px}.ms-face-steps>div:last-child>div{background:linear-gradient(180deg, var(--color-surface), #fbf7ff47);border:0;border-radius:16px;min-height:176px;padding:16px}.ms-face-steps p{font-size:16px}.ms-face-story{min-height:300px}.ms-face-story>img{max-width:490px}.ms-face-easy-points li{gap:10px}.ms-face-bullet{color:var(--color-muted);flex-shrink:0}.ms-face-usecases>div:last-child{gap:20px;margin-inline:40px}.ms-face-tips .ms-face-tip-label{margin-bottom:6px}.ms-face-tip-label>span{width:24px;height:24px}.ms-face-tip-label>p{font-size:18px}.ms-face-tip-chips{width:168px}.ms-face-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.ms-face-tool-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;min-width:0;padding:14px;position:relative}.ms-face-tool-card.is-featured{background:#dfd9ff;border-color:#dbd2ff}.ms-face-tool-card-images{border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.ms-face-tool-card-images img{object-fit:contain;background:color-mix(in srgb, var(--color-surface) 94%, var(--color-brand));width:100%;height:210px}.ms-face-tool-card-images>span{color:#fff;background:#0006;border-radius:20px;padding:3px 8px;font-size:12px;position:absolute;top:8px;left:8px}.ms-face-tool-card-images>span:last-child{background:#a949ff;left:auto;right:8px}.ms-face-tool-card-title{justify-content:space-between;align-items:center;gap:8px;padding-top:18px;display:flex}.ms-face-tool-card-title>svg{box-sizing:content-box;color:#292733;background:#eff3f5;border-radius:50%;flex-shrink:0;padding:9px}.ms-face-tool-card.is-featured .ms-face-tool-card-title>svg{border:2px solid var(--color-surface);color:#fff;background:#a84aff;position:absolute;top:-12px;right:-10px}.ms-face-tool-card:hover{border-color:#b783fc}.ms-face-cta{border:1px solid var(--color-surface);background:radial-gradient(at 10% 0,#e7d0fa,#0000 62%),radial-gradient(at 95% 100%,#edd2f5,#0000 58%),linear-gradient(125deg,#f5f1fb,#eaf2fa)}.ms-face-editor [data-tool-layout=face-cutout]:has(.ms-face-result){height:auto}.ms-face-result{border:1px solid var(--color-line);background:var(--color-surface);border-radius:40px;grid-template-columns:minmax(0,1fr) 350px;min-height:640px;display:grid;overflow:hidden}.ms-face-result-main{flex-direction:column;min-width:0;min-height:0;padding:24px 30px 24px 24px;display:flex}.ms-face-result-toolbar{flex-shrink:0;align-items:center;gap:24px;margin-bottom:16px;display:flex}.ms-face-result-toolbar button{justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:500;display:inline-flex}.ms-face-back{color:#26252c;background:#eff3f5;border-radius:50%;width:50px}.ms-face-upload-new{color:#9745ff;border:1.5px solid #cda6ff;border-radius:16px;padding:10px 18px}.ms-face-result-canvas{background:#ebedf4;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative;overflow:hidden}.ms-face-result-canvas>.ms-magic-editing{z-index:1;position:absolute;inset:0}.ms-face-result-image{object-fit:contain;width:70%;height:70%;position:absolute;inset:15%}.ms-face-canvas-actions{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:16px;right:16px}.ms-face-canvas-actions>button,.ms-face-reviews button{color:#fff;background:#8d8e93;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ms-face-canvas-actions>button:hover,.ms-face-reviews button:hover{background:#77787e}.ms-face-reviews{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;gap:12px;padding:0}.ms-face-reviews>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ms-face-reviews button svg{width:22px;height:22px}.ms-face-reviews button[aria-pressed=true]{background:#9745ff}.ms-face-result-sidebar{border-left:1px solid var(--color-line);flex-direction:column;gap:10px;min-width:0;padding:24px;display:flex}.ms-face-result-sidebar h3{margin-bottom:3px;font-size:18px;font-weight:600}.ms-face-tool-choice{background:#f5f5f9;border:1px solid #ebeaf0;border-radius:18px;align-items:center;gap:12px;min-height:73px;padding:9px 10px;display:flex}.ms-face-tool-choice>img{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px}.ms-face-tool-choice>div{min-width:0}.ms-face-tool-choice strong{font-family:var(--font-saira), sans-serif;font-size:16px;line-height:1.25;display:block}.ms-face-tool-choice span{color:var(--color-muted);margin-top:4px;font-size:12px;line-height:1.4;display:block}.ms-face-tool-choice>svg{color:#9745ff;flex-shrink:0;margin-left:auto}.ms-face-tool-choice.is-current{background:#eee7ff;border-color:#c79dff}.ms-face-tool-choice.is-current>img{object-fit:contain}.ms-face-tool-choice.is-current strong{color:#9745ff}a.ms-face-tool-choice:hover{border-color:#bd8ff9}.ms-face-enhance{background:#f5f5f9;border:1px solid #ebeaf0;border-radius:16px;align-items:center;gap:8px;min-height:48px;padding:7px 12px;font-size:14px;font-weight:600;display:flex}.ms-face-enhance-icon{color:#fff;background:#a142fc;border-radius:20px;justify-content:center;align-items:center;width:34px;height:30px;margin-left:auto;display:flex}.ms-face-result-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.ms-face-result-actions>*{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-size:16px;display:flex}.ms-face-regenerate{color:#fff;background:linear-gradient(115deg,#d66fee,#934cff)}.ms-face-download{color:#9745ff;border:1px solid #a042ff}.ms-face-result button:disabled{cursor:wait;opacity:.65}.ms-face-result-error{background:var(--color-brand-light);color:var(--color-ink);border-radius:12px;padding:10px;font-size:12px}.ms-face-result-error button{color:var(--color-brand);text-decoration:underline}.ms-face-result :is(button,a):focus-visible,.ms-face-tool-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.dark .ms-face-hero{border-color:var(--color-line);background:radial-gradient(ellipse at 90% 0, #322144, transparent 65%), var(--color-surface)}.dark .ms-face-editor .ms-tool-config .ms-retro-upload{background:var(--color-canvas)}.dark .ms-face-cta,.dark .ms-face-tool-card.is-featured{background:#30233f}.dark .ms-face-result-canvas{background:#252331}.dark .ms-face-tool-choice,.dark .ms-face-enhance{border-color:var(--color-line);background:var(--color-canvas)}.dark .ms-face-tool-choice.is-current{background:#352746;border-color:#9255ca}.dark .ms-face-back{background:var(--color-canvas);color:var(--color-ink)}.dark .ms-face-upload-terms a{color:var(--color-accent)}.dark .ms-face-artwork-outline{background:#aa6ce214;border-color:#664580}.dark .ms-face-artwork-head{border-color:var(--color-surface);background-image:repeating-conic-gradient(#292831 0 25%, #1b1b22 0 50%)}.dark .ms-face-artwork-before{border-color:var(--color-surface)}.dark .ms-face-artwork-arrow>path:last-child{stroke:var(--color-muted)}.dark .ms-face-steps>div:last-child>div{background:linear-gradient(180deg, var(--color-surface), #211b2b7a)}.dark .ms-face-tool-card.is-featured{border-color:#49345e}.dark .ms-face-tool-card-title>svg{color:var(--color-ink);background:#292432}.dark .ms-face-tool-card.is-featured .ms-face-tool-card-title>svg{color:#fff;background:#8135ba}.dark .ms-face-canvas-actions>button,.dark .ms-face-reviews button{background:#49434f}.dark .ms-face-canvas-actions>button:hover,.dark .ms-face-reviews button:hover{background:#605269}.dark .ms-face-reviews button[aria-pressed=true]{background:#7f37b8}.dark .ms-face-upload-new,.dark .ms-face-download,.dark .ms-face-tool-choice.is-current strong,.dark .ms-face-tool-choice>svg{color:var(--color-brand)}.dark .ms-face-upload-new,.dark .ms-face-download{border-color:#79529c}.dark .ms-face-cta h2{background-image:linear-gradient(100deg,#c395ff,#ed9ef2)}@media (min-width:1100px){.ms-face-editor:has(.ms-face-result){margin-top:34px}.ms-face-result{grid-template-columns:minmax(0,1fr) 372px;min-height:632px}.ms-face-result-main{padding-right:32px}.ms-face-result-sidebar{gap:12px}.ms-face-tool-choice{min-height:92px}.ms-face-tool-choice>img{width:70px;height:70px}.ms-face-tool-choice span{font-size:12px}.ms-face-result-actions{gap:12px}.ms-face-result-actions>*{min-height:60px}}@media (min-width:768px){.ms-face-editor .ms-tool-config:not(:has(.has-preview)) .ms-modal-action{display:none}}@media (min-width:768px) and (max-width:1099px){.ms-face-hero{border-radius:40px;padding:32px 20px}.ms-face-editor [data-tool-layout=face-cutout]{height:auto}.ms-face-editor [data-tool-layout=face-cutout]>.popview-in{grid-template-columns:minmax(0,1fr);gap:16px}.ms-face-editor .ms-tool-demo{height:330px}.ms-face-artwork{width:400px}.ms-face-editor .ms-tool-config{width:min(100%,480px);height:auto;margin:16px auto}.ms-face-result{grid-template-columns:minmax(0,1fr)}.ms-face-result-sidebar{border-top:1px solid var(--color-line);border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ms-face-result-sidebar h3,.ms-face-enhance,.ms-face-result-actions,.ms-face-result-error{grid-column:1/-1}.ms-face-tools-grid{gap:16px}.ms-face-tool-card-images img{height:155px}}@media (max-width:767px){.ms-face-main>nav{padding-top:0;padding-bottom:0}.ms-face-hero{border:2px solid var(--color-surface);border-radius:30px;margin-top:8px;padding:14px 10px 12px}.ms-face-heading.ms-tool-heading{margin:0;padding:0 4px}.ms-face-heading h1{overflow-wrap:anywhere}.ms-face-editor{margin-top:8px}.ms-face-editor [data-tool-layout=face-cutout]{background:0 0;border:0;border-radius:24px;height:auto;overflow:visible}.ms-face-editor [data-tool-layout=face-cutout]>.popview-in{grid-template-columns:minmax(0,1fr);gap:8px}.ms-face-editor .ms-tool-demo{order:-1;height:auto}.ms-face-artwork{width:min(100%,33svh,275px)}.ms-face-artwork-head{background-size:18px 18px;border-width:6px;border-radius:26px}.ms-face-artwork-outline{border-width:2px;border-radius:26px}.ms-face-artwork-before{border-width:3px;border-radius:12px}.ms-face-editor .ms-tool-config{background:var(--color-surface);border-radius:24px;height:auto;padding:10px;box-shadow:0 12px 28px #8b3ff514}.ms-face-editor .ms-tool-config .ms-retro-upload{min-height:144px;box-shadow:none;border-radius:20px;padding:14px 10px}.ms-face-editor .ms-upload-title{font-size:17px}.ms-face-editor .ms-upload-pick{min-height:46px;padding-inline:10px;font-size:13px}.ms-face-editor .ms-upload-help{font-size:12px}.ms-face-editor .ms-modal-action{margin:12px 0 0;padding:0}.ms-face-editor:has(.has-preview) .ms-tool-config{padding-bottom:10px}.ms-face-editor:has(.has-preview) .ms-retro-upload{box-shadow:none}.ms-face-editor [data-phase=result]{overflow:hidden}.ms-face-landing .ms-mobile-more-content>section{margin-inline:0}.ms-face-steps>div:last-child{gap:12px;margin-top:20px}.ms-face-steps>div:last-child>div,.ms-face-story{min-height:0}.ms-face-usecases>div:last-child{margin-inline:0}.ms-face-tip-chips{width:128px}.ms-face-tip-chips>div{padding:9px}.ms-face-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.ms-face-tool-card{border-radius:18px;padding:8px}.ms-face-tool-card-images img{height:125px}.ms-face-tool-card-images>span{padding:2px 5px;font-size:8px;top:4px;left:4px}.ms-face-tool-card-images>span:last-child{right:4px}.ms-face-tool-card-title{align-items:flex-start;padding-top:10px}.ms-face-tool-card-title>svg{width:14px;height:14px;padding:4px}}@media (max-width:767px) and (max-height:740px){.ms-face-artwork{width:min(100%,28svh,240px)}.ms-face-editor .ms-tool-config .ms-retro-upload{min-height:132px;padding-block:10px}}@container face-page (max-width:759px){.ms-face-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container face-page (max-width:519px){.ms-face-tools-grid{grid-template-columns:minmax(0,1fr)}.ms-face-tool-card-images img{height:180px}.ms-face-tool-card-images>span{font-size:12px;top:8px;left:8px}.ms-face-tool-card-images>span:last-child{right:8px}}