.active-page .camera-stage{background:#050505}.active-page #camera,.active-page #makeup,.active-page #hair{position:absolute;inset:0;width:100%;height:100%}.active-page #camera{object-fit:cover}.active-page #makeup,.active-page #hair{pointer-events:none}.active-page .fps-panel{padding:8px 10px;border:1px solid rgba(255,255,255,.2);background:#131311c7;color:#c4f1d0;font:10px DM Mono,monospace;letter-spacing:.04em}.active-page .makeup-top-tools{position:absolute;z-index:4;top:16px;right:16px;display:flex;align-items:stretch;gap:7px}.active-page .makeup-top-tools .fps-panel{position:static!important;top:auto!important;right:auto!important;bottom:auto!important}.active-page .makeup-top-tools .performance-analysis{position:static!important}.active-page .makeup-top-tools .performance-analysis-content{position:absolute;top:calc(100% + 7px);right:0;margin-top:0}.active-page .hair-top-tools{position:absolute;z-index:4;top:16px;right:16px;display:flex;align-items:stretch;gap:7px}.active-page .hair-top-tools .fps-panel{position:static!important;top:auto!important;right:auto!important;bottom:auto!important}.active-page .hair-top-tools .performance-analysis{position:static!important}.active-page .hair-top-tools .performance-analysis-content{position:absolute;top:calc(100% + 7px);right:0;margin-top:0}.active-page .fit-control{position:absolute;z-index:4;top:16px;left:16px;display:grid;gap:5px;color:#e6e2d8;font:9px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.active-page .fit-control select{min-height:31px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:#131311db;color:#f8f6ef;font:11px DM Mono,monospace}.active-page .status-panel{position:absolute;z-index:4;right:16px;bottom:16px;left:16px;display:grid;gap:9px}.active-page .status-bar{min-height:38px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);background:#131311c7;color:#e6e2d8;text-align:center;font:11px DM Mono,monospace;letter-spacing:.02em}.active-page .status-bar.success{border-color:#78b58b;color:#c4f1d0}.active-page .status-bar.error{border-color:#d17063;color:#ffd0c8}.active-page .retry-button{min-height:43px;border:0;background:#f0c59f;color:#241916;font:600 13px DM Sans,sans-serif;cursor:pointer}.active-page .retry-button[hidden]{display:none}.active-page .retry-button:disabled{cursor:wait;opacity:.7}.active-page .mask-toggle-button{min-width:78px;min-height:32px;padding:6px 8px;border:1px solid rgba(255,255,255,.24);border-radius:0;background:#131311d1;color:#c4f1d0;font:10px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.active-page .mask-toggle-button[aria-pressed=false]{border-color:#f0c59f8c;color:#f0c59f}.active-page .mask-toggle-button:disabled{cursor:wait;opacity:.65}.active-page .makeup-controls{position:absolute;z-index:4;top:62px;right:16px;width:172px;max-height:calc(100% - 118px);display:grid;gap:10px;padding:11px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);background:#131311db;color:#e6e2d8;font:10px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.active-page .makeup-controls-heading{display:flex;justify-content:space-between;color:#f8f6ef}.active-page .makeup-controls-heading button{margin-left:auto;padding:0 0 0 7px;border:0;background:transparent;color:#f0c59f;font:inherit;font-size:9px;text-transform:uppercase;cursor:pointer}.active-page .makeup-controls-heading button:hover,.active-page .makeup-controls-heading button:focus-visible{color:#fff;text-decoration:underline}.active-page .makeup-control-group{min-width:0;margin:0;padding:9px 0 0;border:0;border-top:1px solid rgba(255,255,255,.16)}.active-page .makeup-control-group legend{width:100%;padding:0;color:#f0c59f;font-size:9px}.active-page .makeup-control-group label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.active-page .makeup-enable{justify-content:flex-start!important;color:#c4f1d0;cursor:pointer}.active-page .makeup-enable input{width:13px;height:13px;margin:0;accent-color:#e8876d;cursor:pointer}.active-page .makeup-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.active-page .makeup-group-chevron{color:#c4f1d0;font-size:15px;line-height:.7;transition:transform .16s ease}.active-page .makeup-group-toggle:hover,.active-page .makeup-group-toggle:focus-visible{color:#fff;outline:none}.active-page .makeup-group-toggle:focus-visible .makeup-group-title{text-decoration:underline}.active-page .makeup-control-group.is-collapsed .makeup-group-chevron{transform:rotate(-90deg)}.active-page .makeup-control-group.is-disabled .makeup-colour-picker,.active-page .makeup-control-group.is-disabled .makeup-select,.active-page .makeup-control-group.is-disabled .makeup-range{opacity:.42}.active-page .makeup-control-group.is-collapsed .makeup-layer-options{display:none}.active-page .makeup-colour-picker input{width:28px;height:20px;padding:0;border:1px solid rgba(255,255,255,.32);background:transparent;cursor:pointer}.active-page .makeup-select select{width:88px;height:24px;border:1px solid rgba(255,255,255,.28);background:#242421;color:#f8f6ef;font:9px DM Mono,monospace;cursor:pointer}.active-page .makeup-range{display:grid!important;grid-template-columns:1fr auto}.active-page .makeup-range input{grid-column:1 / -1;width:100%;margin:3px 0 0;accent-color:#e8876d;cursor:pointer}.active-page .makeup-range output{color:#c4f1d0;font-size:9px}.active-page .makeup-controls.is-collapsed{width:auto;gap:0}.active-page .makeup-controls.is-collapsed .makeup-control-group{display:none}@media(max-width:480px){.active-page .makeup-controls{top:56px;right:10px;width:151px;padding:8px;font-size:9px}.active-page .makeup-control-group{padding-top:7px}.active-page .makeup-control-group label{margin-top:5px}}.active-page .hair-controls{position:absolute;z-index:4;top:62px;right:16px;width:172px;max-height:calc(100% - 118px);display:grid;gap:10px;padding:11px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);background:#131311db;color:#e6e2d8;font:10px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.active-page .hair-controls-heading{display:flex;justify-content:space-between;color:#f8f6ef}.active-page .hair-controls-heading button{margin-left:auto;padding:0 0 0 7px;border:0;background:transparent;color:#f0c59f;font:inherit;font-size:9px;text-transform:uppercase;cursor:pointer}.active-page .hair-controls-heading button:hover,.active-page .hair-controls-heading button:focus-visible{color:#fff;text-decoration:underline}.active-page .hair-control-group{min-width:0;margin:0;padding:9px 0 0;border:0;border-top:1px solid rgba(255,255,255,.16)}.active-page .hair-control-group legend{padding:0;color:#f0c59f;font-size:9px}.active-page .hair-control-group label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.active-page .hair-colour-picker input{width:28px;height:20px;padding:0;border:1px solid rgba(255,255,255,.32);background:transparent;cursor:pointer}.active-page .hair-range{display:grid!important;grid-template-columns:1fr auto}.active-page .hair-range input{grid-column:1 / -1;width:100%;margin:3px 0 0;accent-color:#e8876d;cursor:pointer}.active-page .hair-range output{color:#c4f1d0;font-size:9px}.active-page .hair-controls.is-collapsed{width:auto;gap:0}.active-page .hair-controls.is-collapsed .hair-control-group{display:none}@media(max-width:480px){.active-page .hair-controls{top:56px;right:10px;width:151px;padding:8px;font-size:9px}.active-page .hair-control-group{padding-top:7px}.active-page .hair-control-group label{margin-top:5px}}.three-stage #ar,.three-stage [name=humnax-web]{position:absolute;inset:0;width:100%;height:100%}.three-stage canvas{position:absolute;inset:0;width:100%;height:100%}