:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}html,body,#app{background:#000;height:100%;margin:0}body{overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}body.is-manipulating,body.is-manipulating *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.panel{z-index:2;left:16px;bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;color:#ffffffc7;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010d1;border:1px solid #ffffff1f;border-radius:14px;width:min(292px,100vw - 32px);max-height:calc(100dvh - 24px);padding:12px 14px 14px;font:13px/1.3 system-ui,Segoe UI,sans-serif;position:fixed;overflow:auto}.field{margin:0 0 10px;display:block}.field.compact{margin-bottom:6px}.field.compact input[type=range]{height:22px}.divider{background:#ffffff1a;height:1px;margin:2px 0 10px}.selected-head{margin-bottom:8px}.field-head{letter-spacing:.01em;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}.value{color:#f5f5f5;font-variant-numeric:tabular-nums;white-space:nowrap}.field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.field input[type=range]:focus-visible{outline:none}.field input[type=range]::-webkit-slider-runnable-track{background:#ffffff47;border-radius:999px;height:2px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f4f4f4;border:0;border-radius:50%;width:16px;height:16px;margin-top:-7px}.field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffff38}.field input[type=range]::-moz-range-track{background:#ffffff47;border:0;border-radius:999px;height:2px}.field input[type=range]::-moz-range-thumb{background:#f4f4f4;border:0;border-radius:50%;width:16px;height:16px}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.actions button{color:#f2f2f2;min-height:34px;font:inherit;letter-spacing:.02em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:8px;padding:6px 8px}.actions button.wide{grid-column:1/-1}.actions button:hover{background:#ffffff17}.actions button:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.boot-error{z-index:2;color:#fff;margin:0;padding:24px;font:14px/1.4 system-ui,sans-serif;position:relative}.mode-layer{position:absolute;inset:0}.mode-switch{z-index:5;top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010d1;border:1px solid #ffffff24;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.mode-switch button{color:#ffffffb8;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:30px;padding:0 14px;font:12px/1 system-ui,Segoe UI,sans-serif}.mode-switch button[aria-pressed=true]{color:#111;background:#f4f4f4}.mode-switch button:focus-visible{outline-offset:2px;outline:2px solid #ffffffbf}.camera-video{object-fit:cover;touch-action:none;background:#000;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#app canvas.camera-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#app canvas.camera-canvas-back{z-index:1}#app canvas.person-mask{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#app canvas.camera-canvas-front{z-index:3}.camera-status{z-index:2;text-align:center;color:#ffffffe0;text-shadow:0 1px 10px #000;pointer-events:none;max-width:min(320px,100% - 48px);margin:0;font:14px/1.45 system-ui,Segoe UI,sans-serif;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.camera-status[hidden]{display:none}.privacy{color:#ffffff7a;margin:10px 2px 0;font-size:11px;line-height:1.4}.panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.panel-title{color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.panel-toggle{color:#f2f2f2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:8px;min-height:28px;padding:0 10px;font:12px/1 system-ui,Segoe UI,sans-serif}.panel-toggle:hover{background:#ffffff17}.panel-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.camera-panel.is-collapsed,.simulator-panel.is-collapsed{width:auto;max-height:none;padding:8px 10px;overflow:visible}.camera-panel.is-collapsed .panel-header,.simulator-panel.is-collapsed .panel-header{margin-bottom:0}.camera-panel.is-collapsed .panel-body,.simulator-panel.is-collapsed .panel-body{display:none}@media (width<=720px){.panel{width:auto;max-height:58dvh;left:10px;right:10px}}@media (height<=480px){.panel{top:max(10px, env(safe-area-inset-top));width:min(240px,46vw);padding:8px 10px 10px;bottom:auto;left:10px;right:auto}.field{margin-bottom:6px}}