:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:#000;height:100%;margin:0}#webgl{width:100%;height:100%;display:block}.intro{z-index:15;box-sizing:border-box;pointer-events:auto;color:#ffffffeb;background:radial-gradient(80% 70% at 50% 45%,#04040a38 0%,#04040a85 100%);justify-content:center;align-items:center;padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0;overflow:auto}.intro-card{-webkit-backdrop-filter:blur(22px)saturate(1.35);background:#0c0c1273;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:440px;padding:36px 32px 28px;box-shadow:inset 0 0 0 1px #00000059,0 24px 48px #00000073}.intro-anim{opacity:0}@media (prefers-reduced-motion:reduce){.intro-anim{opacity:1}}.intro-kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin:0 0 10px;font-size:11px;font-weight:600}.intro-title{letter-spacing:-.03em;color:#fffffff5;margin:0 0 14px;font-size:40px;font-weight:600;line-height:1.1}.intro-body{color:#ffffffb3;margin:0 0 22px;font-size:15px;line-height:1.55}.intro-how{counter-reset:intro-step;margin:0 0 28px;padding:0;list-style:none}.intro-how li{color:#ffffff94;counter-increment:intro-step;margin:0 0 10px;padding-left:28px;font-size:13px;line-height:1.5;position:relative}.intro-how li:last-child{margin-bottom:0}.intro-how li:before{content:counter(intro-step);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#ffffff59;width:18px;font-size:11px;font-weight:600;position:absolute;top:0;left:0}.intro-how kbd{font:inherit;color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;padding:0 5px;font-size:12px;display:inline-block}.intro-play{color:#fff;letter-spacing:.01em;background:#78a0ff47;border:1px solid #78a0ff8c;border-radius:14px;width:100%;padding:14px 18px;font-size:15px;font-weight:600;display:block}.intro-play:hover{background:#78a0ff61;border-color:#78a0ffb3}.intro-error{color:#ffaaaae6;margin:12px 0 0;font-size:13px;line-height:1.4}.intro-secondary{color:#fff6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px 0 0;font-size:13px;display:flex}.intro-text-btn{color:#ffffff9e;background:0 0;border:none;border-radius:0;padding:0;font-size:13px}.intro-text-btn:hover{color:#ffffffeb;background:0 0;border-color:#0000}.intro-text-btn:active{transform:none}.intro-github{color:#fff6;text-align:center;border-top:1px solid #ffffff14;margin-top:22px;padding-top:16px;font-size:12px;text-decoration:none;display:block}.intro-github:hover{color:#ffffffc7}.intro-github:focus-visible{outline-offset:4px;outline:2px solid #78a0ff8c}.glass-shell{z-index:10;box-sizing:border-box;pointer-events:auto;color:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:14px;line-height:1.45;transition:filter .55s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.glass-shell:before{content:"";z-index:0;-webkit-backdrop-filter:blur(14px)saturate(1.1);pointer-events:auto;opacity:0;background:#04040a6b;transition:opacity .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}body[data-ui-mode=lab] .glass-shell:before{opacity:1}body[data-ui-mode=intro] .glass-shell,body[data-ui-mode=playing] .glass-shell{pointer-events:none}body[data-ui-mode=compact] .glass-shell{pointer-events:none;justify-content:flex-end}body[data-ui-mode=lab] .glass-shell{pointer-events:auto}.glass-shell.glass-shell--recessed{pointer-events:none;filter:none;justify-content:flex-end}.glass-shell.glass-shell--recessed:before,.glass-shell.glass-shell--recessed .glass-panel,.glass-shell.glass-shell--recessed .glass-panel *,.glass-shell.glass-shell--recessed .compact-dock,.glass-shell.glass-shell--recessed .compact-dock *,.glass-shell.glass-shell--recessed .keep-dock,.glass-shell.glass-shell--recessed .keep-dock *{pointer-events:none}.glass-shell.glass-shell--recessed .glass-panel,.glass-shell.glass-shell--recessed .compact-dock,.glass-shell.glass-shell--recessed .keep-dock{display:none}.glass-shell.glass-shell--recessed.glass-shell--keeping .keep-dock{pointer-events:auto;display:flex}.glass-shell.glass-shell--recessed.glass-shell--keeping .keep-dock *{pointer-events:auto}.glass-shell.glass-shell--recessed:before{opacity:0}.hover-stop-host{z-index:20;box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;top:10px;right:10px}.hover-stop-host.hover-stop-host--active{pointer-events:auto}.hover-stop-btn{color:#fffffff2;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:10px;width:36px;height:36px;margin:0;padding:0;font-size:28px;font-weight:300;line-height:1;transition:opacity}.hover-stop-host:hover .hover-stop-btn{opacity:1}.hover-stop-btn:hover{color:#fff}.hover-stop-btn:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #78a0ffa6}.glass-panel{z-index:1;pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(1.35);background:#0c0c1273;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:min(420px,100vw - 32px);max-height:min(92vh,900px);padding:22px 24px 20px;display:none;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #00000059,0 24px 48px #00000073}body[data-ui-mode=lab] .glass-panel{display:block}.glass-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.glass-panel-head .glass-title{margin:0}.lab-close{padding:8px 12px;font-size:13px}.glass-title{letter-spacing:.02em;color:#fffffff2;margin:0 0 18px;font-size:15px;font-weight:600}.glass-section{margin-bottom:18px}.glass-section:last-of-type{margin-bottom:14px}.glass-section h2{text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;margin:0 0 10px;font-size:11px;font-weight:600}.glass-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.glass-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding-top:4px;display:flex}button{cursor:pointer;font:inherit;color:#ffffffeb;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;padding:10px 14px;transition:background .15s,border-color .15s,transform .12s}button:hover{background:#ffffff1c;border-color:#ffffff38}button:active{transform:scale(.98)}button:focus-visible{outline-offset:2px;outline:2px solid #78a0ff8c}button.camera-btn--active{color:#fff;background:#78a0ff2e;border-color:#78a0ff73}button.camera-btn--active:hover{background:#78a0ff3d;border-color:#78a0ff8c}.mode-row{width:100%}.mode-row .mode-btn{flex:auto;min-width:0;padding:10px;font-size:13px}button.mode-btn--active{color:#fff;background:#78a0ff2e;border-color:#78a0ff73}button.mode-btn--active:hover{background:#78a0ff3d;border-color:#78a0ff8c}input[type=file]{cursor:pointer;font:inherit;color:#ffffffbf;max-width:100%;font-size:13px}input[type=file]::file-selector-button{cursor:pointer;font:inherit;color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;margin-right:12px;padding:8px 12px}.js-status{opacity:.72;flex:1;min-width:0;font-size:12px}.axis-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.axis-row:last-child{margin-bottom:0}.axis-row label{color:#ffffffb8;flex:0 0 78px;font-size:12px}.axis-row input[type=range]{accent-color:#78a0ffe6;flex:1;min-width:0}.axis-val{font-variant-numeric:tabular-nums;opacity:.6;text-align:right;flex:0 0 36px;font-size:11px}.file-label{color:#ffffffb8;flex-direction:column;gap:6px;font-size:12px;display:inline-flex}.keep-dock{z-index:1;-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#0c0c128c;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:none;position:relative}body[data-ui-mode=lab] .keep-dock{display:flex}.keep-dock #keepHint{opacity:.7;font-size:12px}.glass-shell--keeping .keep-dock{border-color:#78a0ff73}.compact-dock{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(1.25);pointer-events:auto;background:#0c0c128c;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:min(720px,100vw - 32px);padding:12px 14px;display:none;position:relative;box-shadow:0 16px 36px #0006}body[data-ui-mode=compact] .compact-dock{display:flex}.compact-play{color:#fff;background:#78a0ff38;border-color:#78a0ff73}.compact-play:hover{background:#78a0ff52;border-color:#78a0ff99}.compact-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compact-looks{flex-wrap:wrap;flex:0 auto;gap:8px;min-width:0;display:flex}.compact-looks .mode-btn{flex:auto;min-width:0;padding:10px;font-size:13px}.compact-file-label{color:#ffffffeb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;display:inline-flex;position:relative}.compact-file-label:hover{background:#ffffff1c;border-color:#ffffff38}.compact-file-label input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compact-dock .js-status{width:100%}@media (width<=560px){.intro{align-items:flex-end;padding:24px 24px 32px}.intro-card{padding:28px 22px 22px}.intro-title{font-size:32px}.intro-play{padding:16px 18px;font-size:16px}.compact-dock{max-width:calc(100vw - 24px)}.compact-looks{flex-basis:100%}}