@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}.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}.camera-hud{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:calc(var(--panel-width) + 48px);z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.camera-actions{display:flex;gap:4px;padding:4px;border:1px solid #ffffff24;border-radius:8px;background:#18181be8}.camera-actions button,.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:transparent;color:#e4e4e7}.camera-actions button[aria-pressed=true]{background:#ffffff0f}.camera-actions button:hover:not(:disabled),.toolbar-button:hover:not(:disabled){background:#3f3f46;color:#fff}.camera-actions svg,.toolbar-button svg{width:18px;height:18px}.fps-badge{color:#d4d4d8;padding:7px 10px;border-radius:5px;background:#18181be8;font-size:12px;font-variant-numeric:tabular-nums}.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 #52525b;border-radius:6px;color:#fff;background:#18181bf5;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 #3f3f46;border-radius:8px;background:#18181bfa}.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 #52525b;border-radius:5px;background:#27272a;padding:7px 10px;color:#e4e4e7;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 #3f3f46;border-radius:6px;background:#09090b}.control-tabs button{min-height:30px;padding:5px 0;border:0;border-radius:3px;color:var(--slate-2);background:transparent;font-size:12px}.control-tabs button[aria-pressed=true]{color:#fff;background:#3f3f46}.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}.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 #52525b;border-radius:4px;padding:7px;background:#27272a;color:#fff;font-size:13px}.control-row input[type=color],.colour-row input{width:34px;height:29px;border:1px solid #495568;background:#202b3b;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:24px;bottom:max(16px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 48px);padding:0;background:transparent}.camera-app[data-beauty-open=true] .cloud-panel{max-width:calc(100% - var(--panel-width) - 64px)}.cloud-topline{display:flex;align-items:center;gap:16px;min-width:0}.category-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.category-tab,.filter-reset{flex-shrink:0;min-height:32px;padding:6px 10px;border:1px solid #ffffff35;border-radius:4px;background:#18181be8;font-size:12px;color:#e4e4e7;white-space:nowrap}.category-tab.is-active,.filter-reset[aria-pressed=true]{color:#18181b;background:#f4f4f5;border-color:#f4f4f5}.applied-look{margin-left:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#bcd4ef}.filter-row{display:flex;align-items:center;gap:8px;min-height:56px}.cloud-catalog{flex:1;min-width:0}.look-grid{display:flex;align-items:center;gap:8px;padding:6px 2px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}.look-card{position:relative;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid #ffffff50;border-radius:4px;background:#27272a;color:#fff}.cloud-art{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:3px;overflow:hidden;background:#27272a}.cloud-art>img{width:100%;height:100%;object-fit:cover}.cloud-art>svg{width:20px;height:20px;color:#d4d4d8}.look-card.is-selected{outline:2px solid var(--blue);outline-offset:1px}.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-radius:2px;width:16px;height:16px}.cloud-download{right:0;bottom:0;background:#0c172bed;color:#fff}.cloud-download svg{width:11px;height:11px}.download-progress{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:3px;background:#09090bcc;color:#fff;font-size:11px;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;padding:6px 8px;border-radius:4px;background:#18181be8}.catalog-message button,.catalog-more{min-height:32px;padding:5px 10px;border:1px solid #52525b;border-radius:5px;background:#27272a;color:#fff;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 var(--line);border-radius:8px;background:#101722f5;font-size:12px}.package-options summary{cursor:pointer;color:#c9d9ef}.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}.camera-hud{left:14px;right:80px}.camera-actions{gap:5px}.camera-actions button{width:34px;height:34px;padding:7px}.fps-badge{display:none}.controls-column{right:12px;top:68px;bottom:172px}.beauty-launcher{right:12px}.cloud-panel,.camera-app[data-beauty-open=true] .cloud-panel{left:12px;right:auto;max-width:calc(100% - 24px)}.look-card{flex-basis:44px;width:44px;height:44px}.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}}