:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1e9;--muted:#96938c;--panel:#121213c7;--line:#ffffff1c;--accent:#ff5b3d;--background:#080809;--font-rounded:"Nunito", Arial, sans-serif}*{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-rounded)}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}.scene-actions{z-index:9;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:7px;display:flex;position:absolute}.scene-actions button,.static-scene button{color:#dedbe6;cursor:pointer;background:#0c0c12b8;border:1px solid #ffffff24;border-radius:24px;min-width:44px;min-height:44px;padding:10px 15px;font-size:12px}.scene-actions button:focus-visible,.static-scene button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scene-actions button:disabled{opacity:.4;cursor:default}.static-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:90px 24px;display:flex;position:absolute;inset:0}.static-scene p{max-width:42ch;color:var(--muted);font-size:13px}.static-flag{aspect-ratio:3.35/1.9;place-items:center;width:min(70vw,640px);display:grid;box-shadow:0 20px 60px #0005}.static-flag img{object-fit:contain;width:45%;height:55%}.flag-canvas[hidden]{display:none}.scene-message{z-index:13;bottom:calc(76px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:#17131feb;border-radius:15px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scene-message button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:32px}.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{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:0 0;border:1px solid #0000;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)}.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{width:36px;height:36px;box-shadow:none;background:0 0;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}.flag-canvas{z-index:2;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.018)}.flag-canvas.is-revealed{opacity:1;transform:none}.flag-canvas.is-grab-ready,.flag-canvas.is-grabbing{cursor:grabbing}.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}}@media (width<=480px){.design-switcher{gap:0}.design-tab{width:38px;min-width:38px;height:38px}.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%}
