@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/brand/fonts/hanken-grotesk-latin.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/brand/fonts/space-grotesk-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/brand/fonts/jetbrains-mono-latin.woff2) format("woff2")}:root{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#f4f4f5;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--blue: #0497ff;--blue-600: #66bdff;--blue-tint: #0497ff24;--slate: #d4d4d8;--slate-2: #a1a1aa;--line: #ffffff14;--bg-soft: #27272a;--panel-width: 320px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,select{font:inherit}button,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #80caff;outline-offset:4px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.camera-app{position:relative;width:100%;height:100dvh;overflow:hidden;background:#080a0f}.live-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}.live-canvas[aria-hidden=true]{visibility:hidden}.camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1)}.camera-preview[aria-hidden=true]{visibility:hidden}.preparing-badge{position:absolute;top:20px;left:24px;z-index:10;color:#111;padding:7px 10px;border-radius:5px;background:#fff;font-size:12px}.startup-screen{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#18181b}.startup-content{width:min(340px,calc(100% - 40px));text-align:center}.powered-by{display:block;color:#9aa9bd;font-size:13px;margin-bottom:16px}.startup-logo{display:block;width:208px;height:auto;margin:0 auto;filter:brightness(0) invert(1)}.startup-content h2{margin-top:32px;font-size:19px;font-weight:500}.startup-content p{color:#a7b4c6;font-size:13px;line-height:1.6;margin-top:18px}.loading-track{display:block;appearance:auto;accent-color:var(--blue);height:6px;width:208px;margin:40px auto 0}.button{min-height:40px;border:1px solid #52525b;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:500}.button--primary{background:var(--blue);color:#fff;border-color:var(--blue)}.startup-content .button{margin-top:22px}.toolbar-button{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid transparent;border-radius:5px;background:#fff;color:#000}.toolbar-button:hover:not(:disabled){background:#f4f4f5}.toolbar-button svg{width:18px;height:18px}.beauty-launcher{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;z-index:12;display:flex;align-items:center;gap:7px}.beauty-launcher{min-height:40px;padding:8px 12px;border:1px solid #d4d4d8;border-radius:6px;color:#000;background:#fff;font-size:14px}.beauty-launcher svg{width:18px;height:18px}.controls-column{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));bottom:176px;width:var(--panel-width);min-height:180px;z-index:12;display:flex;flex-direction:column;padding:0;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#000;color-scheme:light;--slate: #111;--slate-2: #111;--line: #e4e4e7}.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line)}.controls-heading h2{font-size:15px;font-weight:600}.controls-heading>div{display:flex;align-items:center;gap:2px}.reset-button:not(.toolbar-button){border:1px solid #d4d4d8;border-radius:5px;background:#fff;padding:7px 10px;color:#000;font-size:12px;margin-block:10px}.control-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;margin:12px 12px 0;border:1px solid #d4d4d8;border-radius:6px;background:#fff}.control-tabs button{min-height:30px;padding:5px 0;border:0;border-radius:3px;color:#000;background:#fff;font-size:12px}.control-tabs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px;font-weight:600}.controls-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#52525b transparent;padding:0 16px 16px;overscroll-behavior:contain}.controls-fieldset,.filter-settings{min-width:0;padding:0;margin:0;border:0}.control-group-title{color:var(--slate-2);font-size:12px;font-weight:500;margin-block:20px 4px}.filter-control{padding-block:13px;border-bottom:1px solid var(--line)}.filter-control__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-control__heading>label{font-size:14px;font-weight:400;cursor:pointer}.filter-toggle{appearance:auto;width:17px;height:17px;margin:0;accent-color:var(--blue);cursor:pointer}.filter-toggle:disabled{cursor:not-allowed}.intensity-control{margin-top:10px}.range-label{display:block;margin-bottom:6px;font-size:13px}.range-line{display:flex;align-items:center;gap:12px;min-height:22px}.intensity-control output{width:40px;flex-shrink:0;text-align:right;color:var(--slate);font-size:12px;font-variant-numeric:tabular-nums}.intensity-control input[type=range]{appearance:auto;accent-color:var(--blue);flex:1;min-width:0;width:100%;height:20px;margin:0;cursor:pointer}.intensity-control input:disabled{cursor:not-allowed;opacity:.5}.intensity-control.is-disabled output{color:#71717a}.filter-control:not(.is-enabled) .intensity-control output{color:#111}.shade-details{margin-top:12px;font-size:12px}.shade-details summary{color:var(--slate);cursor:pointer}.control-row{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.control-row label{display:flex;flex-direction:column;gap:6px;color:var(--slate);font-size:11px}.control-row label:first-child{flex:1}.control-row select{width:100%;min-height:34px;border:1px solid #d4d4d8;border-radius:4px;padding:7px;background:#fff;color:#000;font-size:13px}.control-row input[type=color],.colour-row input{width:34px;height:29px;border:1px solid #d4d4d8;background:#fff;border-radius:4px;padding:2px;cursor:pointer}.colour-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--slate);margin-top:12px}.makeup-shades{margin-top:12px}.makeup-shades__row{display:flex;flex-wrap:wrap;gap:8px;padding:3px}.makeup-swatch{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:var(--shade-colour);border:1px solid #ffffff44;color:#fff}.makeup-swatch[aria-pressed=true]{outline:2px solid #9bcfff;outline-offset:2px}.makeup-swatch svg{width:14px;height:14px;filter:drop-shadow(0 1px 1px #00000080)}.makeup-shades__name{display:block;color:var(--slate-2);font-size:10px;margin-top:7px}.cloud-panel{position:absolute;z-index:10;left:50%;bottom:max(20px,env(safe-area-inset-bottom));width:min(880px,calc(100% - 40px));transform:translate(-50%);--cloud-thumb: 84px;padding:0;background:transparent}.cloud-topline{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0}.category-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.category-tab{flex-shrink:0;min-height:32px;padding:6px 10px;border:1px solid #d4d4d8;border-radius:4px;background:#fff;font-size:12px;color:#000;white-space:nowrap}.category-tab.is-active{border-color:#000;box-shadow:inset 0 0 0 1px #000;font-weight:600}.applied-look{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#f4f4f5;text-shadow:0 1px 3px #000}.filter-row{display:flex;align-items:center;min-height:calc(var(--cloud-thumb) + 36px)}.cloud-catalog{flex:1;min-width:0}.look-grid{position:relative;display:flex;align-items:center;width:100%;gap:18px;padding:14px max(0px,calc(50% - var(--cloud-thumb) / 2));overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.look-grid::-webkit-scrollbar{display:none}.look-card{position:relative;display:grid;place-items:center;flex:0 0 var(--cloud-thumb);width:var(--cloud-thumb);height:var(--cloud-thumb);padding:0;border:2px solid #ffffffa0;border-radius:50%;background:#fff;color:#000;scroll-snap-align:center;transition:transform .15s,outline-color .15s}.cloud-art{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff}.cloud-art>img{width:100%;height:100%;object-fit:cover}.cloud-art>svg{width:20px;height:20px;color:#000}.look-card.is-selected{outline:3px solid white;outline-offset:4px;transform:scale(1.08)}.filter-reset>svg{width:30px;height:30px}.look-card:hover:not(:disabled){border-color:#fff}.look-card__name,.look-card__detail{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cloud-download{position:absolute;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;width:22px;height:22px}.cloud-download{right:0;bottom:0;background:#fff;color:#000}.cloud-download svg{width:13px;height:13px}.download-progress{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:50%;background:#ffffffdf;color:#000;font-size:13px;font-variant-numeric:tabular-nums}.panel-help,.catalog-message{font-size:11px;line-height:1.6;color:#b5c0d0}.catalog-message{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cloud-catalog>.panel-help,.catalog-message{width:fit-content;margin-inline:auto;padding:6px 8px;border-radius:4px;background:#18181be8}.catalog-message button,.catalog-more{min-height:32px;padding:5px 10px;border:1px solid #d4d4d8;border-radius:5px;background:#fff;color:#000;font-size:12px}.catalog-more{margin-bottom:8px}.package-options{position:absolute;bottom:calc(100% + 12px);right:0;max-height:230px;overflow:auto;width:270px;padding:10px 14px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#000;color-scheme:light;--slate: #111;font-size:12px}.package-options summary{cursor:pointer;color:#000}.error-banner{position:absolute;top:74px;left:24px;max-width:min(420px,calc(100% - 48px));z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #e3a9a960;border-radius:8px;background:#3b1e26f0;color:#ffd9d9;font-size:12px;line-height:1.6}.error-banner button{color:inherit;background:none;border:0;text-decoration:underline}.error-banner p{margin-top:4px}@media(max-width:800px){:root{--panel-width: 280px}.controls-column{right:12px;top:68px;bottom:172px}.beauty-launcher{right:12px}.cloud-panel{width:calc(100% - 24px);--cloud-thumb: 68px}.category-tab{font-size:11px;padding-inline:8px}.applied-look{display:none}.error-banner{top:70px;left:14px}.control-tabs button{font-size:11px}}@media(max-height:540px){.controls-column{bottom:120px;top:12px}.cloud-panel{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}