fablair-try-on.fto{display:block;width:100%;--fto-ink:#20201e;--fto-muted:#706e69;--fto-line:#dedbd5;--fto-paper:#fff;--fto-wash:#f5f3ef;color:var(--fto-ink);font-family:inherit}
.fto *{box-sizing:border-box}.fto [hidden]{display:none!important}
.fto button,.fto input,.fto a{font:inherit}.fto button,.fto a{-webkit-tap-highlight-color:transparent}.fto button{cursor:pointer}.fto button:disabled{cursor:not-allowed;opacity:.45}
.fto button:focus-visible,.fto a:focus-visible,.fto input:focus-visible,.fto summary:focus-visible{outline:2px solid var(--fto-ink);outline-offset:4px}
.fto__launch{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--fto-ink);background:transparent;color:var(--fto-ink);padding:13px 18px;font-size:14px;font-weight:550;transition:background .18s,color .18s}
.fto__launch:hover{background:var(--fto-ink);color:#fff}.fto__caption{text-align:center;color:var(--fto-muted);font-size:11px;margin:9px 0 0;letter-spacing:.02em}
.fto__dialog{color:var(--fto-ink);background:var(--fto-paper);border:0;padding:0;margin:auto;width:min(860px,calc(100vw - 40px));max-width:none;max-height:min(880px,calc(100dvh - 48px));overflow:auto;box-shadow:0 20px 100px #0003;overscroll-behavior:contain;font-family:inherit}
.fto__dialog::backdrop{background:rgb(20 20 18 / .5);backdrop-filter:blur(3px)}
.fto__header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--fto-line);position:sticky;top:0;z-index:4;background:var(--fto-paper)}
.fto__brand{font-size:15px;font-weight:650;letter-spacing:.2em}.fto__close{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;color:inherit;font-size:26px;line-height:1}
.fto__body{padding:28px}.fto__eyebrow{font-size:10px;color:var(--fto-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px}
.fto__title{font-family:inherit;font-weight:450;font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:0 0 10px}.fto__intro{font-size:13px;line-height:1.7;color:var(--fto-muted);margin:0;max-width:560px}
.fto__quota{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 20px;font-size:12px;border-bottom:1px solid var(--fto-line);margin-bottom:24px}.fto__quota strong{font-weight:550}.fto__quota small{font-size:10px;color:var(--fto-muted)}
.fto__dots{display:inline-flex;gap:4px;margin-right:7px;vertical-align:middle}.fto__dots i{display:block;width:6px;height:6px;background:var(--fto-line);border-radius:50%}.fto__dots i[data-on]{background:var(--fto-ink)}
.fto__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.fto__product{padding:16px;background:var(--fto-wash);display:flex;gap:14px;align-items:center;margin-bottom:20px;min-height:90px}.fto__product img{display:block;width:56px;height:72px;object-fit:cover;background:var(--fto-line)}
.fto__product-label{display:block;font-size:9px;letter-spacing:.13em;color:var(--fto-muted);text-transform:uppercase;margin-bottom:6px}.fto__product-name{font-size:12px;font-weight:500;line-height:1.5;margin:0}.fto__product-variant{font-size:11px;color:var(--fto-muted);margin:5px 0 0}
.fto__picker{position:relative;background:var(--fto-wash);border:1px dashed #c7c2b9;min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;text-align:center;overflow:hidden}
.fto__picker>svg{margin-bottom:20px;color:#6b6760}.fto__picker-title{font-size:14px;font-weight:500;margin:0 0 8px}.fto__picker-hint{font-size:11px;color:var(--fto-muted);line-height:1.7;margin:0 0 16px}.fto__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.fto__person{max-height:315px;width:100%;object-fit:contain;display:block;background:var(--fto-wash)}.fto__person-wrap{position:relative;background:var(--fto-wash);padding:8px}.fto__remove{position:absolute;right:12px;top:12px;min-height:32px;border:1px solid var(--fto-line);background:#fffc;color:var(--fto-ink);font-size:11px!important;padding:6px 10px}
.fto__tips{font-size:12px;line-height:1.8;color:var(--fto-muted);margin:0 0 18px;padding-left:16px}.fto__subheading{font-size:13px;font-weight:550;margin:0 0 9px}.fto__consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.65;color:var(--fto-muted);margin:20px 0 10px}.fto__consent input{appearance:auto!important;flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--fto-ink)}
.fto__privacy{font-size:10px;color:var(--fto-muted);line-height:1.7;margin:0 0 18px}.fto__privacy summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fto__privacy p{margin:7px 0}.fto__privacy a{color:inherit;text-decoration:underline}
.fto__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--fto-ink);padding:11px 18px;text-decoration:none;background:var(--fto-ink);color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;border-radius:0}.fto__button--light{color:var(--fto-ink);background:transparent}.fto__button--full{width:100%}.fto__button:hover{opacity:.85}
.fto__note{font-size:10px;color:var(--fto-muted);line-height:1.65;text-align:center;margin:10px 0 0}.fto__status{margin:16px 0 0;font-size:12px;line-height:1.7;color:var(--fto-muted)}.fto__status:empty{display:none}.fto__status[data-error]{color:#8a302c;background:#faf1f0;padding:12px}
.fto__center{text-align:center;max-width:480px;margin:18px auto 12px;padding:26px 16px}.fto__center h3{font-family:inherit;font-size:22px;font-weight:450;letter-spacing:-.03em;margin:0 0 12px}.fto__center p{font-size:13px;line-height:1.8;color:var(--fto-muted);margin:0 0 22px}.fto__symbol{width:56px;height:56px;margin:0 auto 22px;border:1px solid var(--fto-line);display:grid;place-items:center;font-size:22px;border-radius:50%}
.fto__progress-frame{width:min(320px,100%);height:360px;background:var(--fto-wash);margin:0 auto 24px;position:relative;overflow:hidden;display:grid;place-items:center}.fto__progress-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:blur(5px);opacity:.55}.fto__progress-frame::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--fto-ink);box-shadow:0 -25px 60px 18px #20201e12;animation:fto-scan 3s ease-in-out infinite alternate}
.fto__progress-symbol{font-size:52px;font-weight:200;color:#bbb5ac}.fto__spinner{display:inline-block;width:16px;height:16px;border:1px solid #d0cbc1;border-top-color:var(--fto-ink);border-radius:50%;animation:fto-spin 1s linear infinite;vertical-align:-3px;margin-right:8px}.fto__result-img{width:100%;max-height:58dvh;object-fit:contain;display:block;background:var(--fto-wash)}.fto__result-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.fto__result-caption{text-align:center;font-size:11px;color:var(--fto-muted);line-height:1.7;margin:14px 0 0}
@keyframes fto-scan{from{transform:translateY(0)}to{transform:translateY(360px)}}@keyframes fto-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.fto__dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100vw;margin:0}.fto__header{padding:16px 20px}.fto__body{padding:24px 20px 32px}.fto__title{font-size:26px}.fto__grid{grid-template-columns:1fr;gap:22px}.fto__quota{align-items:flex-start;flex-direction:column;gap:5px}.fto__picker{min-height:220px}.fto__product{margin-bottom:16px}.fto__tips{margin-bottom:10px}.fto__center{padding:15px 0}.fto__result-img{max-height:55dvh}.fto__result-actions .fto__button{flex:1}.fto__result-actions .fto__again{flex-basis:100%}.fto__progress-frame{height:330px}}
@media(prefers-reduced-motion:reduce){.fto *{animation:none!important;transition:none!important}.fto__progress-frame::after{top:50%}}