:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1e9;--muted:#96938c;--panel:#121213c7;--line:#ffffff1c;--accent:#ff5b3d;--background:#080809}*{box-sizing:border-box}html,body{background:var(--background);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif}button,input{font:inherit}button{color:inherit}.studio-shell{background:radial-gradient(circle at 37% 44%,#5a58541f,#0000 35%),linear-gradient(135deg,#0b0b0c 0%,#050506 100%);width:100%;height:100svh;position:relative;overflow:hidden}.studio-shell:before{content:"";pointer-events:none;opacity:.13;mix-blend-mode:screen;background:repeating-linear-gradient(117deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.topbar{top:calc(18px + env(safe-area-inset-top,0px));z-index:12;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);transition:left .48s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;transform:translate(-50%)}.navigation-dock{--eye-x:0px;--eye-y:0px;pointer-events:none;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:100%;display:flex}.identity-character{pointer-events:none;transform-origin:50%;-webkit-user-select:none;user-select:none;width:47px;height:47px;transition:transform .42s cubic-bezier(.16,1,.3,1);display:block;position:relative}.identity-mask{z-index:1;background:var(--identity-color,#fff);content:"";transition:background .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;-webkit-mask:url(/identity/logomask.svg) 50%/contain no-repeat;mask:url(/identity/logomask.svg) 50%/contain no-repeat}.identity-eyes{z-index:3;width:24%;transform:translate(-50%, -50%) translate(var(--eye-x), var(--eye-y));will-change:transform;justify-content:space-between;align-items:center;display:flex;position:absolute;top:54%;left:50%}.identity-eyes>span{transform-origin:50%;background:#000;border-radius:50%;width:2.8px;height:2.8px;transition:background .32s;animation:7.2s ease-in-out infinite identity-blink;display:block;box-shadow:0 0 3px #00000047}.identity-character-selected,.identity-character-exiting{transform-origin:50%;will-change:transform, opacity;width:34px;height:34px;position:absolute;top:50%;left:50%}.identity-character-selected{animation:.62s cubic-bezier(.16,1,.3,1) both selected-identity-enter}.identity-character-exiting{animation:.68s cubic-bezier(.55,0,.24,1) both selected-identity-exit}@keyframes selected-identity-enter{0%{opacity:1;transform:translate(-50%,-50%)scale(.28)}64%{transform:translate(-50%,-50%)scale(1.055)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes selected-identity-exit{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}68%{transform:translate(-50%,-50%)scale(.26)}to{opacity:1;transform:translate(-50%,-50%)scale(.28)}}.identity-character-selected .identity-eyes{animation:.38s .15s both selected-identity-eyes-enter}.identity-character-exiting .identity-eyes{animation:.22s both selected-identity-eyes-exit}@keyframes selected-identity-eyes-enter{0%{opacity:0}to{opacity:1}}@keyframes selected-identity-eyes-exit{0%{opacity:1}to{opacity:0}}@keyframes identity-blink{0%,43%,46%,49%,to{transform:scaleY(1)}44.5%,47.5%{transform:scaleY(.08)}}.design-switcher{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;pointer-events:auto;scrollbar-width:none;touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0a0a0b94;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:0;width:max-content;min-width:0;max-width:100%;margin:0;padding:8px 10px;transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;overflow:visible;transform:scale(1);box-shadow:0 18px 40px #00000038,inset 0 1px #ffffff09}.design-switcher:hover,.design-switcher:focus-within{transform:scale(1.05)}.design-switcher::-webkit-scrollbar{display:none}.design-tab{cursor:pointer;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;padding:0;transition:width .52s cubic-bezier(.16,1,.3,1),min-width .52s cubic-bezier(.16,1,.3,1),height .52s cubic-bezier(.16,1,.3,1),padding .52s cubic-bezier(.16,1,.3,1),border-color .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.design-switcher.is-dragging,.design-switcher.is-dragging .design-tab{cursor:grabbing}.design-thumbnail{background:var(--design-color);width:10px;height:10px;box-shadow:none;transform-origin:50%;border:0 solid #ffffff2e;border-radius:50%;flex:0 0 10px;place-items:center;transition:width .52s cubic-bezier(.16,1,.3,1),height .52s cubic-bezier(.16,1,.3,1),flex-basis .52s cubic-bezier(.16,1,.3,1),border-width .32s,filter .32s,box-shadow .42s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.design-thumbnail:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 26%,#ffffff47 50%,#0000 74%);transition:opacity .24s,transform .68s cubic-bezier(.16,1,.3,1);position:absolute;inset:-25% 45% -25% -45%;transform:translate(-145%)rotate(8deg)}.design-thumbnail>img{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:86%;height:86%;transition:opacity .22s,transform .52s cubic-bezier(.16,1,.3,1);display:block;transform:scale(.35)}.design-tab:hover,.design-tab:focus-visible{outline:none;transform:scale(1.07)}.design-tab:hover .design-thumbnail,.design-tab:focus-visible .design-thumbnail{filter:brightness(1.1)saturate(1.04);transform:scale(1.12);box-shadow:0 2px 7px #0000003d}.design-tab:hover .design-thumbnail:after,.design-tab:focus-visible .design-thumbnail:after{transform:translate(235%)rotate(8deg)}.design-tab:active{transition-duration:.11s;transform:scale(.9)}.design-tab.is-active{box-shadow:none;background:0 0}.design-tab.is-active .design-thumbnail{background:var(--identity-background);width:36px;height:36px;box-shadow:none;border-width:0;flex-basis:36px;animation:.56s cubic-bezier(.16,1,.3,1) navigation-select;overflow:visible;transform:scale(1)}.design-tab.is-active .design-thumbnail:after,.design-tab.is-leaving .design-thumbnail:after{display:none}.design-tab.is-leaving .design-thumbnail{background:0 0;overflow:visible}.design-tab.is-leaving .design-thumbnail:before{z-index:0;background:var(--design-color);content:"";border-radius:50%;width:10px;height:10px;animation:.68s cubic-bezier(.16,1,.3,1) both navigation-dot-enter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes navigation-dot-enter{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(.35)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.design-tab.is-active:hover .design-thumbnail,.design-tab.is-active:focus-visible .design-thumbnail{box-shadow:none;transform:scale(1)}@keyframes navigation-select{0%{transform:scale(.86)}48%{transform:scale(1.13)}to{transform:scale(1)}}.stage{background:#0b0b0c;min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.stage-brubank{background:#100b21}.stage-xapo{background:#17130f}.stage-popcorn{background:#170607}.stage-ba{background:#171404}.stage-taringa{background:#05111d}.stage-custom{background:#0b0b0c}.stage-loader{z-index:5;background:#070708;place-items:center;animation:.18s both loader-appear;display:grid;position:absolute;inset:0}.loader-pulse{background:var(--loader-color,var(--accent));width:8px;height:8px;box-shadow:0 0 14px color-mix(in srgb, var(--loader-color,var(--accent)) 48%, transparent);border-radius:50%;animation:1s ease-in-out infinite alternate loader-pulse}@keyframes loader-pulse{0%{opacity:.28;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes loader-appear{0%{opacity:0}to{opacity:1}}.flag-canvas{z-index:2;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.flag-canvas.is-grab-ready,.flag-canvas.is-grabbing{cursor:grabbing}.controls{z-index:10;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#ffffff38 transparent;scrollbar-width:thin;border-left:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;width:350px;max-width:calc(100vw - 20px);height:auto;min-height:0;padding:30px 28px 24px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden scroll;box-shadow:-22px 0 50px #0003}.controls[hidden]{display:none}.controls::-webkit-scrollbar{width:7px}.controls::-webkit-scrollbar-track{background:0 0}.controls::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.iddqd-mode{color:var(--accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:10px;font-weight:600}.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 9px;font-size:10px;transition:border-color .16s,color .16s}.icon-button:hover,.icon-button:focus-visible{color:var(--ink);border-color:#ffffff61;outline:none}.control-tabs{z-index:4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101011f0;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:3px;margin:0 -2px;padding:12px 2px;display:grid;position:sticky;top:-30px}.control-tabs button{color:#77746e;cursor:pointer;transform-origin:50%;background:0 0;border:1px solid #0000;border-radius:50%;justify-self:center;place-items:center;width:36px;height:36px;padding:0;transition:transform .32s cubic-bezier(.16,1,.3,1),color .18s,border-color .18s,background .18s;display:grid;transform:scale(1)}.control-tabs button:hover{color:var(--ink);background:#ffffff0b;border-color:#ffffff1a;transform:scale(1.06)}.control-tabs button:focus-visible{color:var(--ink);border-color:#ffffff61;outline:none}.control-tabs button.is-active{color:var(--ink);background:#ffffff1a;border-color:#ffffff38;transform:scale(1.1)}.control-tab-icon{font-family:var(--font-geist-mono), monospace;pointer-events:none;font-size:19px;font-weight:500;line-height:1;display:block;transform:translateY(-.5px)}.control-tab-panel[hidden]{display:none}.control-group{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:21px;padding:22px 0 24px;display:grid}.grab-control-hint{color:#77746e;margin:0;font-size:10px;line-height:1.5}.ambient-audio-control{padding:0 0 18px}.sound-layer-section{gap:18px;display:grid}.sound-layer-section+.sound-layer-section{border-top:1px solid var(--line);margin-top:5px;padding-top:25px}.range-control{gap:10px;display:grid}.light-color-control{color:#c9c6bf;justify-content:space-between;align-items:center;gap:18px;padding-top:2px;font-size:11px;display:flex}.premiere-control-section{background:radial-gradient(circle at 100% 0,#5d87ff17,#0000 54%),#2b375c14;border:1px solid #789cff1f;border-radius:4px;gap:18px;margin:-6px 0 2px;padding:16px;display:grid}.premiere-control-section.is-available{border-color:#7fa5ff4d;box-shadow:inset 0 0 32px #4570e40f}.premiere-control-heading{color:#c9c6bf;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.premiere-control-heading>div{gap:5px;display:grid}.premiere-control-heading small{color:#727787;max-width:210px;font-size:9px;line-height:1.45}.premiere-controls{gap:18px;padding-top:2px;display:grid}.premiere-toggle.is-active{background:#4574ea61;border-color:#75a1ffb8}.premiere-toggle.is-active>span:first-child{background:#dce8ff;box-shadow:0 0 10px #81abffe6}.light-color-control>div{gap:5px;display:grid}.light-color-control small{color:#6f6c66;font-size:9px}.light-color-picker{border:1px solid var(--line);color:#8d8982;min-height:30px;font-family:var(--font-geist-mono), monospace;cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:5px 7px 5px 10px;font-size:9px;display:flex;position:relative}.light-color-picker:after{background:var(--light-color);content:"";border:1px solid #ffffff57;border-radius:50%;width:18px;height:18px}.light-color-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.range-heading,.section-label{color:#c9c6bf;justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-value,.range-value-input,.color-code{color:#77746e;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:9px}.range-value,.range-value-input{text-align:right;background:0 0;border:1px solid #0000;border-radius:2px;width:68px;min-height:24px;padding:3px 6px}.range-value{cursor:text}.range-value:hover,.range-value:focus-visible{border-color:var(--line);color:#c9c6bf;outline:none}.range-value-input{color:var(--ink);background:#00000047;border-color:#ffffff47;outline:none}.range-value-input:focus{border-color:var(--accent)}.range-value-input::-webkit-inner-spin-button{appearance:none;margin:0}.range-value-input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=range]{--progress:50%;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--progress), transparent var(--progress)), #353436;border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid #0c0c0d;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 0 0 1px #ffffff40}input[type=range]::-moz-range-track{background:#353436;height:2px}input[type=range]::-moz-range-progress{background:var(--ink);height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid #0c0c0d;border-radius:50%;width:10px;height:10px}.material-section{border-bottom:1px solid var(--line);padding:22px 0}.mesh-quality-control{border-bottom:1px solid var(--line);gap:11px;padding:22px 0;display:grid}.mesh-quality-control>small{color:#6f6c66;font-size:9px;line-height:1.45}.mesh-quality-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mesh-quality-options button{border:1px solid var(--line);color:#85827c;min-height:34px;font-family:var(--font-geist-mono), monospace;cursor:pointer;background:#ffffff06;border-radius:3px;font-size:10px;transition:border-color .16s,background .16s,color .16s}.mesh-quality-options button:hover,.mesh-quality-options button:focus-visible{color:var(--ink);border-color:#ffffff42;outline:none}.mesh-quality-options button.is-active{border-color:var(--accent);color:var(--ink);background:#ff56391c}.toggle-control{border-bottom:1px solid var(--line);color:#c9c6bf;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:11px;display:flex}.toggle-control>div{gap:5px;display:grid}.toggle-control small{color:#6f6c66;font-size:9px;line-height:1.35}.loading-preview-control{padding-top:0}.toggle-switch{cursor:pointer;background:#29282a;border:1px solid #ffffff2b;border-radius:999px;flex:0 0 38px;width:38px;height:22px;padding:0;transition:border-color .16s,background .16s;position:relative}.toggle-switch>span:first-child{background:#aaa69f;border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.toggle-switch.is-active{background:#ff5b3d38;border-color:#ff5b3db3}.toggle-switch.is-active>span:first-child{background:var(--accent);transform:translate(16px)}.toggle-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.texture-section{border-bottom:1px solid var(--line);padding:22px 0 24px}.texture-options{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.texture-option{border:1px solid var(--line);color:#b9b6af;text-align:left;cursor:pointer;background:#ffffff04;border-radius:2px;gap:4px;padding:10px 11px;transition:border-color .16s,background .16s,color .16s;display:grid}.texture-option small{color:#67645f;font-family:var(--font-geist-mono), monospace;letter-spacing:.02em;font-size:8px}.texture-option:hover,.texture-option:focus-visible{color:var(--ink);border-color:#ffffff57;outline:none}.texture-option.is-active{color:var(--ink);background:#ff5b3d14;border-color:#ff5b3da3}.texture-option.is-active small{color:#b98175}.material-controls{gap:18px;margin-top:22px;display:grid}.swatches{align-items:center;gap:9px;margin-top:14px;display:flex}.swatch,.custom-color{background:var(--swatch);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;flex:0 0 29px;width:29px;height:29px;position:relative}.swatch:after{content:"";border:1px solid #0000;border-radius:50%;position:absolute;inset:-4px}.swatch.is-active:after{border-color:#ffffffc2}.custom-color{color:var(--muted);background:0 0;border-style:dashed;place-items:center;font-size:16px;display:grid}.custom-color input,.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.transition-section{border-bottom:1px solid var(--line);padding:22px 0}.transition-options{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.transition-option{border:1px solid var(--line);color:#b9b6af;text-align:left;cursor:pointer;background:#ffffff05;border-radius:3px;gap:5px;min-height:64px;padding:11px;transition:border-color .18s,background .18s,color .18s,transform .24s cubic-bezier(.16,1,.3,1);display:grid}.transition-option:first-child{grid-column:1/-1;min-height:56px}.transition-option small{color:#6f6c66;font-family:var(--font-geist-mono), monospace;font-size:8px;line-height:1.4}.transition-option:hover,.transition-option:focus-visible{color:var(--ink);border-color:#ffffff57;outline:none;transform:translateY(-1px)}.transition-option.is-active{color:var(--ink);background:#ff5b3d14;border-color:#ff5b3da3}.transition-option.is-active small{color:#b98175}.artwork-row{justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.artwork-scale{padding:0 0 22px}.artwork-copy{gap:5px;min-width:0;display:grid}.file-name{color:#77746e;max-width:150px;font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.upload-button{border:1px solid var(--line);color:#d6d2ca;cursor:pointer;border-radius:2px;flex:none;padding:8px 11px;font-size:10px}.upload-button:hover,.upload-button:focus-within{border-color:#ffffff6b}.pause-button{background:var(--ink);color:#0c0c0d;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:12px 16px;font-size:11px;font-weight:650;transition:transform .16s,background .16s;display:flex}.pause-button:hover{background:#fff;transform:translateY(-1px)}.pause-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.runtime-meta{border-top:1px solid var(--line);color:#5e5b56;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;font-size:8px;display:flex}.runtime-meta>span:first-child{min-width:0;line-height:1.45}.runtime-fps{color:#8d8982;flex:none;align-items:center;gap:6px;display:flex}.runtime-dot{background:#78e990;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #78e990b3}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=780px){.studio-shell{height:100svh;overflow:hidden}.topbar,.studio-shell.controls-collapsed .topbar{top:calc(12px + env(safe-area-inset-top,0px));width:max-content;max-width:calc(100vw - 24px);left:50%}.navigation-dock{gap:8px;width:max-content;max-width:100%}.identity-character{width:39px;height:39px}.identity-eyes>span{width:2.5px;height:2.5px}.design-switcher{border-radius:999px;flex:none;justify-content:center;width:max-content;max-width:100%;margin:0;padding:7px 9px;overflow:auto hidden}.design-tab{width:40px;min-width:40px;height:40px}.flag-canvas{touch-action:none}.controls{border-top:0;border-left:0;width:min(360px,100vw);max-width:100vw;height:auto;max-height:none;padding:25px 20px 22px;top:0;bottom:0;overflow:hidden scroll;box-shadow:-18px 0 42px #0000004d}.control-group{grid-template-columns:1fr 1fr;column-gap:24px}.pause-button{margin-top:4px}}@media (width<=480px){.design-switcher{gap:0}.design-tab{width:38px;min-width:38px;height:38px}.control-group{grid-template-columns:1fr}.intro{max-width:38ch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--font-geist-sans:Arial, Helvetica, system-ui, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}#root{width:100%;height:100%}