@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--vto-accent:#3e63dd;--vto-ink:#0d1738;--vto-ink-soft:#0d1738ad;--vto-surface:#fff;--vto-surface-dim:#f5f7ff;--vto-line:#0d173824;--vto-navy:#0d1738;--vto-navy-2:#0d1738;--vto-glass-bg:linear-gradient(135deg, #0d1738c2, #0d17388a), #0d173894;--vto-glass-blur:blur(32px) saturate(150%) brightness(.94);--vto-glass-ring:inset 0 0 0 1px #ffffff38, inset 0 1px 0 #ffffff3d;--vto-glass-shadow:0 18px 42px #0d173847;--vto-icon-fill:#fff;color:var(--vto-ink);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#eceef3;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}.vto-app{background:#eceef3;height:100vh;padding:14px;position:relative}[data-vto-embedded=true] .vto-app{padding:0}.stage{background:#11141a;border-radius:18px;min-width:0;height:100%;position:relative;overflow:hidden}[data-vto-embedded=true] .stage{border-radius:0}[data-vto-embedded=true] .landing{place-items:stretch stretch;padding:0;overflow:hidden}[data-vto-embedded=true] .landing__card{width:100%;height:100%;box-shadow:none;border-radius:0;flex-direction:column;padding:clamp(20px,3vw,48px);display:flex}[data-vto-embedded=true] .landing__body{flex:1;min-height:0}[data-vto-embedded=true] .landing__stage-preview,[data-vto-embedded=true] .landing__privacy{min-height:0}.camera-feed,.vto-scene,.landmark-overlay,.vto-webgl{width:100%;height:100%;position:absolute;inset:0}.camera-feed{object-fit:cover;transform:scaleX(-1)}.vto-scene,.landmark-overlay,.vto-webgl{pointer-events:none}.live-header{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:16px;left:16px;right:16px}.live-header>*{pointer-events:auto}.live-brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.live-brand__text{flex-direction:column;gap:1px;display:flex}.live-brand h1{color:var(--vto-navy);font-size:19px;font-weight:700;line-height:23px}.live-brand p{color:#0d1738ad;font-size:10.5px;font-weight:600;line-height:12px;display:block}.live-brand:focus-visible{outline:none}.live-brand:focus-visible .brand-icon{box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring), 0 0 0 3px #3e63dd59}.live-brand:hover .brand-icon{transform:scale(1.04)}.live-brand .brand-icon{width:48px;height:48px;color:var(--vto-navy);background:var(--vto-icon-fill);border-radius:13px}.brand-icon{width:38px;height:38px;color:var(--vto-navy);background:var(--vto-surface-dim);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:48px;height:48px;color:var(--vto-navy);background:var(--vto-icon-fill);border:0;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--vto-accent);background:#fff}.icon-button--small{width:28px;height:28px;box-shadow:none;background:var(--vto-surface-dim);border-radius:9px}.action-rail{z-index:8;background:var(--vto-glass-bg);-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:18px;flex-direction:column;gap:12px;padding:14px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:80px;left:16px}.action-rail__item{color:#fff;white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:0;font-size:14px;font-weight:500;line-height:18px;display:flex}.action-rail__item:hover .action-rail__icon,.action-rail__item.is-active .action-rail__icon{box-shadow:inset 0 0 0 2px #416fffe6,inset 0 0 7px #3e63dd80}.action-rail__icon{color:#fff;background:var(--vto-navy-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:inset 0 0 7px #3e63dd80}@keyframes railItemIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-rail__item--enter{animation:.3s cubic-bezier(.22,1,.36,1) both railItemIn}.action-rail__item--enter:nth-of-type(3){animation-delay:60ms}@media (prefers-reduced-motion:reduce){.action-rail__item--enter{animation:none}}.drawer{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:16px;flex-direction:column;width:min(340px,100% - 192px);display:flex;position:absolute;top:76px;bottom:14px;left:178px;box-shadow:0 18px 50px #0f142838}.drawer__header{border-bottom:1px solid var(--vto-line);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.drawer__header-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.drawer__header h2{font-size:14px;font-weight:700}.drawer__body{flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.tray{z-index:7;background:var(--vto-glass-bg);width:fit-content;max-width:min(880px,100% - 48px);-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:20px;flex-direction:column;gap:8px;padding:0 16px 16px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;bottom:24px;left:24px;right:auto;overflow:hidden}.tray__bar{align-items:center;gap:10px;height:52px;min-height:52px;padding:0;display:flex}.tray__primary,.tray__details{align-self:center}.tray__primary{flex:none;align-items:center;gap:10px;display:flex}.tray__tab{min-width:0;height:40px;color:var(--vto-navy-2);-webkit-backdrop-filter:var(--vto-glass-blur);white-space:nowrap;background:#fffffff2;border:0;border-radius:11px;padding:0 18px;font-size:14px;font-weight:600;line-height:18px}.tray__tab.is-active{color:#fff;background:var(--vto-accent);-webkit-backdrop-filter:none}.tray__cats{background:0 0;border-radius:0;flex:auto;justify-content:space-around;align-items:center;gap:clamp(8px,1.6vw,30px);min-width:0;height:40px;padding:0 6px;display:flex;overflow:hidden}.cat-chip{min-width:0;height:40px;color:var(--vto-navy-2);white-space:nowrap;background:0 0;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;line-height:18px;display:inline-flex}.cat-chip.is-active{color:#fff;background:var(--vto-accent);padding:0 16px}.tray__details{color:#fff;background:var(--vto-navy);white-space:nowrap;border:0;border-radius:11px;flex:none;width:auto;height:40px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:600;line-height:18px}.tray__panel{background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:16px;min-width:0;height:88px;min-height:88px;padding:0;display:flex}.lens-cards{flex:0 auto;gap:12px;min-width:0;display:flex}.lens-card{border:1.5px solid var(--vto-line);width:150px;min-width:0;height:88px;color:var(--vto-navy-2);background:var(--vto-surface);white-space:nowrap;border-radius:11px;flex-direction:column;flex:0 150px;justify-content:center;align-items:center;gap:7px;padding:0 6px;font-size:14px;font-weight:600;line-height:18px;display:flex}.lens-card.is-active{border-color:var(--vto-accent)}.style-chips{background:var(--vto-surface);border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.style-chip{min-height:32px;color:var(--vto-ink);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:12.5px;font-weight:600}.style-chip.is-active{color:#fff;background:var(--vto-accent)}.swatch-row{background:#fff;border-radius:16px;flex:auto;justify-content:space-around;align-items:center;gap:10px;width:auto;min-width:0;max-width:none;height:88px;min-height:88px;padding:0 20px;display:flex;overflow:hidden}.tray__panel>.swatch-row{margin-left:0}.swatch{aspect-ratio:1;outline-offset:2px;cursor:pointer;border:0;border-radius:50%;outline:3px solid #0000;flex:0 64px;width:64px;min-width:0;max-width:64px}.swatch.is-active{outline-color:#0000}.swatch:focus-visible{outline-color:var(--vto-accent)}.swatch-collapse{opacity:0;flex:auto;align-items:center;min-width:0;max-width:0;padding-left:0;transition:opacity .3s;display:flex;overflow:hidden}.swatch-collapse.is-open{opacity:1;max-width:none;overflow:visible}.swatch-collapse .swatch{opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .28s,outline-color .15s;transform:scale(.35)}.swatch-collapse.is-open .swatch{opacity:1;transform:scale(1)}.swatch-collapse.is-open .swatch:first-child{transition-delay:40ms}.swatch-collapse.is-open .swatch:nth-child(2){transition-delay:90ms}.swatch-collapse.is-open .swatch:nth-child(3){transition-delay:.14s}.swatch-collapse.is-open .swatch:nth-child(4){transition-delay:.19s}.swatch-collapse.is-open .swatch:nth-child(5){transition-delay:.24s}.swatch-collapse.is-open .swatch:nth-child(6){transition-delay:.29s}@media (prefers-reduced-motion:reduce){.swatch-collapse,.swatch-collapse .swatch{transition:none}}.lens-hint{color:#1d2230b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.sun-control{z-index:6;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.sun-control__icon{width:38px;height:38px;color:var(--vto-navy);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 18px #0f142840}.sun-control__track{width:38px;height:170px;position:relative}.sun-control__range{appearance:none;background:0 0;width:170px;height:28px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.sun-control__range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#14182499,#fff);border-radius:3px;height:6px}.sun-control__range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px 8px #0f142873}.sun-control__range::-moz-range-track{background:linear-gradient(90deg,#14182499,#fff);border-radius:3px;height:6px}.sun-control__range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0f142873}.frame-cards{flex:auto;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex;overflow-x:auto}.frame-card{border:1px solid var(--vto-line);min-width:108px;height:56px;color:var(--vto-navy-2);background:var(--vto-surface);white-space:nowrap;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;font-weight:600;line-height:16px;display:flex}.frame-card.is-active{border-color:var(--vto-accent)}.frame-card__name{text-overflow:ellipsis;max-width:150px;overflow:hidden}.variant-chips{flex-wrap:wrap;gap:6px;display:flex}.variant-chip{border:1.5px solid var(--vto-line);background:var(--vto-surface);color:var(--vto-ink);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.variant-chip--active{border-color:var(--vto-accent);color:var(--vto-accent);background:#4353e614}.telemetry-strip{z-index:6;color:#e8eef6;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11141a9e;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 320px);padding:6px 8px;font-size:11px;display:flex;position:absolute;top:14px;left:50%;overflow-x:auto;transform:translate(-50%)}.telemetry-strip span{background:#ffffff1a;border-radius:999px;padding:2px 7px}.calibration-guide{z-index:6;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:14px;width:min(380px,100% - 32px);padding:12px 14px;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0f14282e}.calibration-guide p{color:var(--vto-ink);margin-bottom:9px;font-size:13.5px;font-weight:600}.stage-toast{z-index:5;max-width:min(440px,100% - 32px);color:var(--vto-ink);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0f14282e}.stage-toast--warn{background:#fff8e9;border:1px solid #f1c065}.live-header__actions{align-items:center;gap:12px;display:flex}.header-action{min-height:44px;color:var(--vto-ink);-webkit-backdrop-filter:blur(14px);background:#ffffffdb;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #10142824}.header-action.is-active{color:#fff;background:var(--vto-accent)}.calib-bar{z-index:8;color:#fff;background:var(--vto-glass-bg);max-width:min(440px,100% - 260px);height:46px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 16px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.calib-bar__dot{background:#c2c7d0;border-radius:50%;flex:none;width:9px;height:9px}.calib-bar__dot.is-live{background:var(--vto-accent);box-shadow:0 0 0 3px #3e63dd2e}.calib-bar__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.calib-bar__hint{color:#fff;background:var(--vto-accent);border-radius:999px;flex:none;align-items:center;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.color-rail{z-index:7;background:var(--vto-glass-bg);-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:999px;flex-direction:column;align-items:center;gap:14px;padding:14px 12px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.color-rail__cap{color:#ffffffbd;letter-spacing:.04em;text-align:center;text-transform:uppercase;flex:none;max-width:46px;margin-bottom:2px;font-size:9px;font-weight:700;line-height:1.15}.color-rail__dot{outline-offset:3px;cursor:pointer;border:0;border-radius:50%;outline:2px solid #0000;flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0d173824}.color-rail__dot.is-active{box-shadow:0 0 0 3px #fff,0 0 0 4px #0d173829}.color-rail__dot:focus-visible{outline-color:var(--vto-accent)}.style-pill{z-index:7;background:var(--vto-glass-bg);max-width:calc(100% - 600px);height:56px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:18px;align-items:center;gap:4px;padding:0 14px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:absolute;bottom:28px;right:24px;overflow:hidden}.style-pill__label{color:#ffffffb8;letter-spacing:1.4px;text-transform:uppercase;flex:none;padding:0 8px;font-size:12px;font-weight:700}.style-pill__divider{background:#ffffff47;flex:none;width:1px;height:26px;margin-right:6px}.style-pill__chip{color:#fff;white-space:nowrap;background:0 0;border:0;border-radius:11px;flex:none;height:38px;padding:0 16px;font-size:14px;font-weight:600}.style-pill__chip.is-active{color:var(--vto-navy-2);background:#fff;box-shadow:0 2px 8px #0d17381f}.tray--desktop{min-width:300px;box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:20px;gap:8px;padding:12px 14px 14px}.tray--desktop .tray__bar{gap:10px;height:auto;min-height:0}.tray--desktop .tray__panel{gap:8px;height:auto;min-height:0}.tray--desktop .lens-cards{gap:8px}.tray--desktop .lens-card{border-radius:10px;flex-basis:112px;gap:4px;width:112px;height:64px;padding:0 5px;font-size:11.5px;line-height:14px}.tray--desktop .lens-card svg{width:24px;height:24px}.tray__current{align-items:center;gap:10px;margin:0 2px;font-size:13px;font-weight:600;display:flex}.tray__current-line{background:#cfd4dc;border-radius:2px;flex:none;width:22px;height:4px}.tray__current-text strong{color:#fff;letter-spacing:.3px;text-transform:uppercase;font-weight:700}.tray__current-cat{color:#ffffffad}@media (width>=641px){.live-brand .brand-icon{color:#fff;background:var(--vto-glass-bg);width:50px;height:50px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:50%}.live-brand p{color:#0d1738ad;font-size:10px;font-weight:600;line-height:12px;display:block}.live-brand h1{font-size:20px;line-height:24px}.live-header .icon-button{color:#fff;background:var(--vto-glass-bg);width:50px;height:50px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:50%}.live-header .icon-button:hover{color:var(--vto-accent);background:#fff}.drawer{left:16px}.sun-control{left:18px;right:auto}}@media (width<=640px){.icon-button--reset{display:none}}@keyframes vtoRailIn{0%{opacity:0;transform:translateY(-50%)translate(20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes vtoCalibIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes vtoPillIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes vtoStyleEmerge{0%{opacity:0;clip-path:inset(0 84% 0 0 round 18px);filter:blur(12px);transform:translate(-42vw)translateY(10px)scaleX(.18)scaleY(.72)}48%{opacity:1;clip-path:inset(0 round 18px);filter:blur()}74%{transform:translate(10px)translateY(0)scaleX(1.025)scaleY(1)}to{opacity:1;clip-path:inset(0 round 18px);filter:blur();transform:translate(0)translateY(0)scale(1)}}@keyframes vtoChipRise{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vtoCardPop{0%{transform:scale(.96)}62%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes vtoTabPop{0%{transform:scale(.94)}70%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes vtoCurrentSwap{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes vtoPanelIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes vtoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vtoLivePulse{0%{box-shadow:0 0 #3e63dd73}70%{box-shadow:0 0 0 6px #3e63dd00}to{box-shadow:0 0 #3e63dd00}}@keyframes vtoMobileHeaderIn{0%{opacity:0;filter:blur(8px);transform:translateY(-10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes vtoMobileSheetIn{0%{opacity:0;filter:blur(10px);transform:translateY(34px)scale(.985)}72%{opacity:1;filter:blur();transform:translateY(-3px)scale(1.002)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes vtoMobileItemRise{0%{opacity:0;filter:blur(8px);transform:translateY(10px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes vtoMobileSwatchIn{0%{opacity:0;filter:blur(6px);transform:translateY(8px)scale(.72)}70%{opacity:1;filter:blur();transform:translateY(-1px)scale(1.08)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes vtoMobileColorRailIn{0%{opacity:0;filter:blur(10px);transform:translate(18px)translateY(28px)scale(.88)}72%{opacity:1;filter:blur();transform:translate(-2px)translateY(0)scale(1.015)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)scale(1)}}@keyframes vtoMobileRailDotIn{0%{opacity:0;filter:blur(6px);transform:translate(14px)scale(.7)}70%{opacity:1;filter:blur();transform:translate(-1px)scale(1.1)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes vtoMobileHandleGlow{0%,to{opacity:.45;transform:scaleX(1)}50%{opacity:.72;transform:scaleX(1.12)}}@keyframes vtoMobileCtaIn{0%{opacity:0;transform:translateY(14px)scale(.96);box-shadow:0 0 #3e63dd00}to{opacity:1;transform:translateY(0)scale(1);box-shadow:0 14px 30px #3e63dd4d}}.calib-bar{animation:.45s cubic-bezier(.22,1,.36,1) both vtoCalibIn}.color-rail{animation:.45s cubic-bezier(.22,1,.36,1) both vtoRailIn}.style-pill{transform-origin:0;will-change:transform, opacity, clip-path, filter;animation:.68s cubic-bezier(.16,1,.3,1) both vtoStyleEmerge}.tray--desktop{animation:.5s cubic-bezier(.22,1,.36,1) both vtoPanelIn}.calib-bar,.calib-bar__hint,.color-rail__dot,.style-pill__chip,.style-pill__label,.style-pill__divider,.tray--desktop .tray__tab,.tray--desktop .lens-card,.tray--desktop .lens-card svg,.tray__current{transition:transform .42s cubic-bezier(.34,1.56,.64,1),opacity .25s,filter .25s,background-color .25s,color .25s,border-color .25s,box-shadow .28s}.color-rail__dot{animation:.4s both vtoFadeIn}.color-rail__dot:first-child{animation-delay:30ms}.color-rail__dot:nth-child(2){animation-delay:70ms}.color-rail__dot:nth-child(3){animation-delay:.11s}.color-rail__dot:nth-child(4){animation-delay:.15s}.color-rail__dot:nth-child(5){animation-delay:.19s}.color-rail__dot:nth-child(6){animation-delay:.23s}.color-rail__dot:hover{transform:scale(1.14)}.color-rail__dot.is-active{transform:scale(1.07)}.color-rail__dot:active{transform:scale(.94)}.tray--desktop .lens-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px #0d17382e}.tray--desktop .lens-card:hover svg{transform:translateY(-1px)scale(1.08)}.tray--desktop .lens-card:active{transform:translateY(0)scale(.985)}.tray--desktop .lens-card.is-active{animation:.52s cubic-bezier(.34,1.56,.64,1) vtoCardPop;box-shadow:0 8px 20px #3e63dd38}.style-pill__label,.style-pill__divider,.style-pill__chip{animation:.42s cubic-bezier(.22,1,.36,1) backwards vtoChipRise}.style-pill__label{animation-delay:.2s}.style-pill__divider{animation-delay:.24s}.style-pill__chip:first-of-type{animation-delay:.28s}.style-pill__chip:nth-of-type(2){animation-delay:.32s}.style-pill__chip:nth-of-type(3){animation-delay:.36s}.style-pill__chip:nth-of-type(4){animation-delay:.4s}.style-pill__chip:nth-of-type(5){animation-delay:.44s}.style-pill__chip:hover{background:#ffffff24;transform:translateY(-1px)}.style-pill__chip:active{transform:scale(.96)}.tray--desktop .tray__tab.is-active{animation:.38s cubic-bezier(.34,1.56,.64,1) vtoTabPop}.tray--desktop .tray__tab:not(.is-active):hover{background:#fff;transform:translateY(-1px)}.tray__current{animation:.36s cubic-bezier(.22,1,.36,1) both vtoCurrentSwap}.calib-bar:hover{box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring), 0 0 0 3px #3e63dd24}.calib-bar:active{transform:translate(-50%)scale(.98)}.calib-bar__dot.is-live{animation:2.2s ease-out infinite vtoLivePulse}@media (width>=641px){.live-header .icon-button,.live-brand .brand-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .25s}.live-header .icon-button:hover{transform:scale(1.07)}.live-header .icon-button:active{transform:scale(.93)}}@media (prefers-reduced-motion:reduce){.calib-bar,.color-rail,.style-pill,.tray--desktop,.color-rail__dot,.style-pill__label,.style-pill__divider,.style-pill__chip,.tray--desktop .tray__tab.is-active,.tray--desktop .lens-card.is-active,.tray__current,.calib-bar__dot.is-live{animation:none}.calib-bar,.calib-bar__hint,.color-rail__dot,.style-pill__label,.style-pill__divider,.style-pill__chip,.tray--desktop .tray__tab,.tray--desktop .lens-card,.tray--desktop .lens-card svg,.tray__current,.live-header .icon-button,.live-brand .brand-icon{filter:none;opacity:1;transition:none;transform:none}}.landing{--vto-accent:#3e63dd;--vto-ink:#0d1738;--vto-ink-list:#0d1738;--vto-ink-soft:#0d1738ad;z-index:20;background:#eceef3;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:absolute;inset:0;overflow:auto}.landing__card{background:var(--vto-surface);border-radius:24px;width:min(1335px,100%);min-width:0;padding:32px 24px 40px;box-shadow:0 24px 70px #0f14281a}.landing__header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.landing__header .brand-icon{width:64px;height:64px;color:var(--vto-ink);background:#f7f7f7;border-radius:16px}.landing__title h1{color:var(--vto-ink);font-size:24px;font-weight:500;line-height:28px}.landing__title p{color:var(--vto-ink);margin-top:4px;font-size:14px;font-weight:400}.landing__close{width:40px;height:40px;color:var(--vto-ink);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.landing__close:hover{background:#f1f3f8}.landing__body{grid-template-columns:minmax(0,816fr) minmax(0,436fr);gap:24px;display:grid}.landing__stage-preview{background:#f7f7f7;border-radius:24px;flex-direction:column;align-items:center;min-height:484px;padding:24px;display:flex;position:relative}.how-chip{background:var(--vto-surface);color:var(--vto-ink-list);border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 7px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px}.how-chip svg{color:var(--vto-ink)}.face-outline{width:min(290px,50%);color:var(--vto-ink-soft);margin-top:auto}.landing__ready{color:var(--vto-ink);margin-bottom:auto;padding-top:24px;font-size:24px;font-weight:500}.start-camera{border:1px solid var(--vto-ink);width:100%;min-height:68px;color:var(--vto-ink);background:var(--vto-surface);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.start-camera:hover:not(:disabled){background:var(--vto-ink);color:#fff}.start-camera--mobile{display:none}.landing__error{color:#8c2f28;text-align:center;background:#fdeceb;border:1px solid #f0b6b1;border-radius:10px;width:100%;margin-top:12px;padding:9px 12px;font-size:12.5px}.landing__privacy{background:#f9fafd;border-radius:24px;flex-direction:column;padding:24px 24px 22px;display:flex}.landing__privacy h2{color:var(--vto-ink);margin-bottom:24px;font-size:18px;font-weight:600;line-height:24px}.landing__privacy ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.landing__privacy li{color:var(--vto-ink-list);align-items:center;gap:16px;font-size:16px;font-weight:600;display:flex}.privacy-icon{width:64px;height:64px;color:var(--vto-accent);background:var(--vto-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.landing__confidence{background:var(--vto-surface);border-radius:24px;align-items:flex-start;gap:16px;margin-top:24px;padding:16px 24px 16px 16px;display:flex}.confidence-spark{color:var(--vto-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.landing__confidence h3{color:var(--vto-ink-list);font-size:18px;font-weight:600;line-height:20px}.landing__confidence p{color:var(--vto-ink-soft);margin-top:6px;font-size:14px;font-weight:500;line-height:1.3}.landing__policy{color:var(--vto-ink-soft);text-align:center;margin-top:24px;margin-left:-8px;margin-right:-8px;font-size:14px;font-weight:500}.landing__policy a{color:var(--vto-accent);font-weight:600;text-decoration:underline}.panel{background:var(--vto-surface-dim);border:1px solid var(--vto-line);border-radius:12px;padding:13px}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel__actions{flex:none;align-items:center;gap:8px;display:inline-flex}.panel h2{font-size:13.5px;font-weight:700;line-height:1.25}.panel p{color:var(--vto-ink-soft);margin-top:3px;font-size:12px;line-height:1.35}.pill{min-height:24px;color:var(--vto-ink-soft);background:var(--vto-surface);border:1px solid var(--vto-line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.pill--ok{color:#11643d;background:#e0f6ea;border-color:#b6e6cd}.pill--warn{color:#7c5a10;background:#fdf2d7;border-color:#efd699}.primary-action,.ghost-action,.mini-action{border:0;border-radius:10px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.primary-action{color:#fff;background:var(--vto-accent)}.ghost-action{color:var(--vto-ink);background:var(--vto-surface);border:1px solid #c9cedb}.mini-action{min-height:28px;color:var(--vto-ink);background:var(--vto-surface);border:1px solid var(--vto-line);padding:0 10px;font-size:11px}.toggle-row{gap:8px;display:flex}.toggle{min-height:36px;color:var(--vto-ink);background:var(--vto-surface-dim);border:1px solid var(--vto-line);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.toggle input{accent-color:var(--vto-accent)}.field,.slider-field{color:var(--vto-ink);gap:7px;font-size:12px;font-weight:600;display:grid}.field select{width:100%;min-height:38px;color:var(--vto-ink);background:var(--vto-surface);border:1px solid #c9cedb;border-radius:10px;padding:0 10px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.material-swatch{border:1.5px solid var(--vto-line);min-width:0;min-height:38px;color:var(--vto-ink);background:var(--vto-surface);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.material-swatch--active{border-color:var(--vto-accent);background:#4353e60f}.material-swatch__chip{border:1px solid #0000002e;border-radius:50%;flex:none;width:16px;height:16px}.frame-specs,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.frame-specs div,.metric-grid div{background:var(--vto-surface);border:1px solid var(--vto-line);border-radius:10px;min-width:0;padding:9px}dt,dd{margin:0}dt{color:var(--vto-ink-soft);font-size:11px;font-weight:700}dd{color:var(--vto-ink);margin-top:3px;font-size:13px;font-weight:700}.metric-grid--detail{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid--detail .metric-grid__primary{background:#fff;border-color:#3e63dd38;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-grid--detail .metric-grid__primary dd{color:var(--vto-accent);margin-top:0;font-size:20px;line-height:1}.pd-details .metric-grid dd{overflow-wrap:anywhere}.progress-track{background:#e2e5ec;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-track span{transform-origin:0;background:var(--vto-accent);position:absolute;inset:0}.button-row{gap:8px;margin-top:12px;display:flex}.pd-entry{border-top:1px solid var(--vto-line);margin-top:14px;padding-top:12px}.pd-entry__label{color:var(--vto-ink-soft);margin:0;font-size:12px}.pd-entry input[type=number]{background:var(--vto-surface);min-width:0;min-height:38px;color:var(--vto-ink);border:1px solid #c9cedb;border-radius:10px;flex:1;padding:0 10px}.pd-entry input[type=range]{flex:1;align-self:center;min-width:0}.diag-sheet{z-index:60;background:#080a129e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.diag-sheet__panel{background:var(--vto-surface);width:min(560px,100%);max-height:84vh;color:var(--vto-ink);border-radius:14px;padding:14px 16px 16px;overflow:auto;box-shadow:0 24px 64px #00000073}.diag-sheet__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.diag-sheet__head h2{margin:0;font-size:15px}.diag-sheet__body{white-space:pre-wrap;word-break:break-word;background:#0f121c0f;border-radius:10px;margin:10px 0 0;padding:10px;font:500 11px/1.6 ui-monospace,Menlo,monospace}.slider-field{margin-top:12px}.slider-field span{justify-content:space-between;align-items:center;gap:10px;display:flex}.slider-field strong{color:var(--vto-ink);font-size:12px}.slider-field input{width:100%;accent-color:var(--vto-accent)}.color-field input[type=color]{border:1px solid var(--vto-line);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:28px;margin-top:6px;padding:0}.lens-config{color:#4b5360;word-break:break-all;-webkit-user-select:all;user-select:all;background:#eceef3;border-radius:6px;margin-top:12px;padding:8px 10px;font-size:10px;line-height:1.5;display:block}@media (width<=860px){.landing__card{padding:20px}.landing__header .brand-icon{border-radius:14px;width:52px;height:52px}.landing__title h1{font-size:20px}.landing__body{grid-template-columns:minmax(0,1fr)}.landing__stage-preview{min-height:320px}.drawer{width:auto;top:128px;left:14px;right:14px}}@media (width<=640px){.landing{place-items:start center;padding:62px 24px 24px}.landing__card{border-radius:24px;width:min(420px,100%);padding:24px}.landing__header{margin-bottom:20px}.landing__body{display:block}.landing__stage-preview{display:none}.landing__privacy{padding:24px}.landing__privacy h2{margin-bottom:16px}.start-camera--mobile{color:#fff;transform-origin:50%;background:linear-gradient(135deg,#3e63dd 0%,#2446c7 100%);border:0;min-height:62px;margin-top:26px;margin-bottom:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,filter .24s;animation:.5s cubic-bezier(.22,1,.36,1) .12s backwards vtoMobileCtaIn;display:inline-flex;box-shadow:0 14px 30px #3e63dd4d}.start-camera--mobile:hover:not(:disabled){color:#fff;filter:brightness(1.04);background:linear-gradient(135deg,#4b73ff 0%,#2c50d8 100%);box-shadow:0 18px 34px #3e63dd57}.start-camera--mobile:active:not(:disabled){transform:scale(.97);box-shadow:0 10px 22px #3e63dd42}.landing__confidence,.landing__policy{display:none}body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.camera-feed,.vto-scene,.landmark-overlay,.vto-webgl{touch-action:none}.vto-app{height:100dvh;padding:8px}.live-header{gap:10px;top:12px;left:12px;right:12px}.live-brand .brand-icon{border-radius:12px;width:48px;height:48px}.live-brand h1{font-size:18px;line-height:22px}.live-brand p{display:none}.icon-button{border-radius:12px;width:48px;height:48px}.action-rail{-webkit-backdrop-filter:blur(24px);border-radius:18px;gap:14px;padding:14px;top:76px;left:12px}.action-rail__item{gap:14px;font-size:14px}.action-rail__icon{width:44px;height:44px}.tray{-webkit-backdrop-filter:blur(24px);border-radius:22px 22px 14px 14px;gap:12px;width:auto;max-width:none;padding:8px 14px 16px;inset:auto 0 0;transform:none}.tray:before{content:"";background:#0d17383d;border-radius:3px;align-self:center;width:38px;height:5px;margin-bottom:2px}.tray__bar,.tray__panel{display:contents}.lens-cards,.frame-cards{order:1}.tray__cats{order:2}.swatch-collapse,.tray__panel>.swatch-row{order:3}.tray__primary{order:4}.tray__details{order:5}.lens-cards{gap:8px;width:100%;display:flex}.lens-card{white-space:normal;text-align:center;background:#fffffff5;border-radius:12px;flex:1 1 0;gap:4px;width:auto;min-width:0;height:66px;padding:0 5px;font-size:11px;line-height:13px}.tray__cats{background:#ffffffd1;border-radius:14px;justify-content:space-between;align-items:center;gap:2px;width:100%;height:46px;padding:0 8px;display:flex;overflow-x:auto}.cat-chip{height:34px;padding:0 7px;font-size:11.5px}.cat-chip.is-active{padding:0 12px}.swatch-collapse{opacity:1;width:100%;max-width:none;padding-left:0;display:flex;overflow:visible}.swatch-collapse:not(.is-open){display:none}.swatch-row{background:#ffffffd1;border-radius:14px;justify-content:space-around;gap:8px;width:100%;height:64px;min-height:64px;padding:0 14px;overflow:hidden}.swatch{flex:0 44px;width:auto;max-width:44px}.swatch-collapse .swatch{opacity:1;transform:none}.tray__primary{gap:10px;width:100%;display:flex}.tray__tab{-webkit-backdrop-filter:none;background:#ffffffe0;flex:1 1 0;min-width:0;height:46px;padding:0 12px;font-size:14px}.tray__tab.is-active{background:var(--vto-accent)}.tray__details{width:100%;height:46px;color:var(--vto-navy);background:#ffffffe0;margin-left:0;padding:0 16px;font-size:14px}.frame-cards{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex;overflow-x:visible}.frame-card{flex:calc(33.333% - 12px);min-width:0;height:64px;font-size:13px}.telemetry-strip{display:none}.calibration-guide,.stage-toast{top:auto;bottom:150px}.material-grid,.frame-specs,.metric-grid{grid-template-columns:1fr}.vto-app{background:#081021;padding:0}.stage{border-radius:0}.live-header{top:calc(env(safe-area-inset-top,0px) + 16px);gap:12px;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;animation:.46s cubic-bezier(.22,1,.36,1) both vtoMobileHeaderIn;left:16px;right:16px}.live-brand{gap:9px}.live-brand .brand-icon{color:#fff;background:var(--vto-glass-bg);width:34px;height:34px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:50%;transition:transform .34s cubic-bezier(.34,1.56,.64,1),box-shadow .24s}.live-brand .brand-icon svg{width:20px;height:20px}.live-brand h1{color:#fff;text-shadow:0 1px 10px #0006;font-size:15px;font-weight:600;line-height:19px}.live-brand p{color:#ffffffc7;text-shadow:0 1px 8px #00000059;font-size:9.5px;font-weight:600;line-height:11px;display:block}.live-header__actions{gap:9px}.live-header .icon-button,.live-header .icon-button--reset{color:#fff;background:var(--vto-glass-bg);width:38px;height:38px;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);border-radius:50%;transition:transform .34s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,color .2s;display:inline-flex}.live-header .icon-button:hover{color:#fff;transform:scale(1.06)}.live-header .icon-button:active{transform:scale(.92)}.action-rail{display:none}.tray--mobile{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--vto-glass-bg);width:auto;max-width:none;-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);transform-origin:bottom;will-change:transform, opacity, filter;border-radius:28px;gap:0;padding:7px 14px 14px;transition:padding .46s cubic-bezier(.22,1,.36,1),border-radius .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1);animation:.58s cubic-bezier(.22,1,.36,1) both vtoMobileSheetIn;overflow:hidden}.tray--mobile .tray__handle{order:0}.tray--mobile .tray__primary{order:1}.tray--mobile .mobile-lens-options{order:2}.tray--mobile .tray__cats{order:3}.tray--mobile .mobile-color-head{order:4}.tray--mobile .mobile-swatch-row{order:5}.tray--mobile:before{content:none}.tray--mobile .tray__handle{opacity:.5;transform-origin:50%;background:0 0;border:0;border-radius:999px;width:64px;height:18px;margin:0 auto 6px;padding:0;animation:2.6s ease-in-out .8s infinite vtoMobileHandleGlow;display:block}.tray--mobile .tray__handle:before{content:"";background:#ffffffad;border-radius:3px;width:38px;height:5px;margin:6px auto 0;display:block}.tray--mobile .tray__primary{background:#ffffff24;border-radius:13px;align-self:flex-start;gap:4px;width:fit-content;padding:4px;animation:.42s cubic-bezier(.22,1,.36,1) 80ms both vtoMobileItemRise;display:flex}.tray--mobile .tray__tab{color:#ffffffad;min-width:96px;height:34px;box-shadow:none;background:0 0;border-radius:10px;flex:none;padding:0 20px;font-size:13px;font-weight:600;line-height:17px;transition:transform .34s cubic-bezier(.34,1.56,.64,1),background-color .22s,color .22s,box-shadow .24s}.tray--mobile .tray__tab.is-active{color:#fff;background:var(--vto-accent);animation:.38s cubic-bezier(.34,1.56,.64,1) vtoTabPop;box-shadow:0 2px 8px #00000038}.tray--mobile .tray__tab:active{transform:scale(.96)}.mobile-lens-options{background:#ffffff24;border-radius:16px;gap:8px;width:100%;margin-top:10px;padding:7px;animation:.42s cubic-bezier(.22,1,.36,1) .14s both vtoMobileItemRise;display:flex}.mobile-lens-options .lens-card{border:1.5px solid var(--vto-line);width:auto;min-width:0;height:46px;color:var(--vto-navy-2);background:var(--vto-surface);letter-spacing:0;white-space:nowrap;text-align:center;box-shadow:none;border-radius:11px;flex:1 1 0;gap:4px;padding:2px 4px 3px;font-size:11px;font-weight:600;line-height:13px;transition:transform .38s cubic-bezier(.34,1.56,.64,1),border-color .22s,box-shadow .24s,background-color .22s}.mobile-lens-options .lens-card svg{width:auto;height:16px;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.mobile-lens-options .lens-card.is-active{color:var(--vto-navy-2);border-color:var(--vto-accent);background:#fff;animation:.46s cubic-bezier(.34,1.56,.64,1) vtoCardPop;box-shadow:0 3px 10px -2px #00000047}.mobile-lens-options .lens-card:first-child.is-active{box-shadow:0 3px 10px -2px #00000047}.mobile-lens-options .lens-card:active{transform:scale(.965)}.mobile-lens-options .lens-card:active svg{transform:scale(.92)}.tray--mobile .tray__cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border-radius:0;gap:10px;width:100%;height:auto;margin-top:14px;padding:0 2px 3px;animation:.42s cubic-bezier(.22,1,.36,1) .2s both vtoMobileItemRise;display:flex;overflow-x:auto}.tray--mobile .tray__cats::-webkit-scrollbar{display:none}.tray--mobile .cat-chip{color:#ffffffad;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;flex:none;height:37px;padding:0 18px;font-size:12.5px;font-weight:600;line-height:16px;transition:transform .34s cubic-bezier(.34,1.56,.64,1),background-color .22s,color .22s,border-color .22s}.tray--mobile .cat-chip.is-active{color:#fff;background:var(--vto-accent);border-color:#0000;animation:.36s cubic-bezier(.34,1.56,.64,1) vtoTabPop}.tray--mobile .cat-chip:active{transform:scale(.95)}.mobile-color-head{color:#ffffffa3;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;font-size:11px;font-weight:700;line-height:14px;animation:.4s cubic-bezier(.22,1,.36,1) .24s both vtoMobileItemRise;display:flex}.mobile-color-head small{color:#fff;letter-spacing:.01em;text-align:right;text-overflow:ellipsis;text-transform:none;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.mobile-swatch-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:18px;min-height:42px;margin-top:12px;padding:2px 4px 4px;animation:.4s cubic-bezier(.22,1,.36,1) .28s both vtoMobileItemRise;display:flex;overflow-x:auto}.mobile-swatch-row::-webkit-scrollbar{display:none}.mobile-swatch{border:1.5px solid #ffffff61;border-radius:50%;flex:0 0 38px;width:38px;height:38px;padding:0;transition:transform .36s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,border-color .2s;animation:.46s cubic-bezier(.22,1,.36,1) backwards vtoMobileSwatchIn;position:relative;box-shadow:0 2px 8px #00000038}.mobile-swatch:first-child{animation-delay:.31s}.mobile-swatch:nth-child(2){animation-delay:.35s}.mobile-swatch:nth-child(3){animation-delay:.39s}.mobile-swatch:nth-child(4){animation-delay:.43s}.mobile-swatch:nth-child(5){animation-delay:.47s}.mobile-swatch:nth-child(6){animation-delay:.51s}.mobile-swatch.is-active{transform:scale(1.04);box-shadow:0 0 0 2px #0d1738eb,0 0 0 3.5px #fff,0 2px 8px #00000038}.mobile-swatch:active{transform:scale(.9)}.mobile-swatch:focus-visible{outline-offset:5px;outline:2px solid #fff}.mobile-color-rail{top:calc(env(safe-area-inset-top,0px) + 132px);z-index:7;background:var(--vto-glass-bg);max-height:calc(100dvh - 390px);-webkit-backdrop-filter:var(--vto-glass-blur);box-shadow:var(--vto-glass-shadow), var(--vto-glass-ring);scrollbar-width:none;transform-origin:100% 100%;border-radius:999px;flex-direction:column;align-items:center;gap:10px;padding:10px 8px;animation:.5s cubic-bezier(.22,1,.36,1) both vtoMobileColorRailIn;display:flex;position:absolute;right:14px;overflow-y:auto}.mobile-color-rail::-webkit-scrollbar{display:none}.mobile-color-rail__value{writing-mode:vertical-rl;color:#ffffffc7;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-height:78px;font-size:10px;font-weight:700;line-height:1;overflow:hidden}.mobile-color-rail__swatch{border:1.5px solid #ffffff5c;border-radius:50%;flex:none;width:34px;height:34px;padding:0;transition:transform .36s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,border-color .2s;animation:.44s cubic-bezier(.22,1,.36,1) backwards vtoMobileRailDotIn;box-shadow:0 2px 8px #00000038}.mobile-color-rail__swatch:first-of-type{animation-delay:80ms}.mobile-color-rail__swatch:nth-of-type(2){animation-delay:.12s}.mobile-color-rail__swatch:nth-of-type(3){animation-delay:.16s}.mobile-color-rail__swatch:nth-of-type(4){animation-delay:.2s}.mobile-color-rail__swatch:nth-of-type(5){animation-delay:.24s}.mobile-color-rail__swatch:nth-of-type(6){animation-delay:.28s}.mobile-color-rail__swatch.is-active{border-color:#0000;transform:scale(1.05);box-shadow:0 0 0 2px #0d1738eb,0 0 0 3.5px #fff,0 2px 8px #00000038}.mobile-color-rail__swatch:active{transform:scale(.9)}.mobile-color-rail__swatch:focus-visible{outline-offset:5px;outline:2px solid #fff}.tray--mobile.is-expanded{border-radius:30px;padding:9px 18px 24px}.tray--mobile.is-expanded .tray__handle{margin-bottom:14px}.tray--mobile.is-expanded .mobile-lens-options{margin-top:14px;padding:8px}.tray--mobile.is-expanded .mobile-lens-options .lens-card{height:50px}.tray--mobile.is-peek .tray__cats,.tray--mobile.is-peek .mobile-color-head,.tray--mobile.is-peek .mobile-swatch-row,.tray--mobile.has-floating-colors .mobile-color-head,.tray--mobile.has-floating-colors .mobile-swatch-row{display:none}.tray--mobile.is-peek .tray__primary{align-self:center;width:min(100%,330px)}.tray--mobile.is-peek .tray__tab{flex:1 1 0}.tray--mobile.is-peek .mobile-lens-options{margin-top:9px}.tray--mobile.is-peek .mobile-lens-options .lens-card svg{height:15px}}@media (width<=640px) and (prefers-reduced-motion:reduce){.start-camera--mobile,.live-header,.live-brand .brand-icon,.live-header .icon-button,.tray--mobile,.tray--mobile .tray__handle,.tray--mobile .tray__primary,.tray--mobile .tray__tab,.mobile-lens-options,.mobile-lens-options .lens-card,.mobile-lens-options .lens-card svg,.tray--mobile .tray__cats,.tray--mobile .cat-chip,.mobile-color-head,.mobile-swatch-row,.mobile-swatch,.mobile-color-rail,.mobile-color-rail__swatch{filter:none;transition:none;animation:none;transform:none}}