html{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:100%;background-color:#01292e;background-image:linear-gradient(180deg,#124044 0,#001720);color:rgb(152,255,212)}main{min-height:100vh}.Viewport,main{display:flex;align-items:stretch}.Viewport{position:relative;width:100%;justify-content:center}.CanvasInteractions{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:10px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ModelViewer{position:relative;width:100%;min-width:0;min-height:100vh}.ModelViewerCanvas{position:absolute;inset:0}.ModelViewerCanvas canvas{display:block;width:100%;height:100%}.ModelViewerCanvas canvas:focus-visible{outline:2px solid #72fad1;outline-offset:-3px}.ModelLoading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ModelLoading svg{width:32px;height:32px;animation:model-loading-spin 1s linear infinite}@keyframes model-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ModelLoading svg{animation:none}}.ModelViewerStatus{position:absolute;inset:50% 12px auto;text-align:center;padding:12px;border-radius:8px;background:#08282ee6}.ModelViewerStatus button{margin-left:10px}.Toolbar{display:flex;align-items:flex-start;align-self:stretch;gap:20px}.CanvasBackgroundColor{display:none;align-items:center}.ColorSwatch{position:absolute;width:0;height:0;opacity:0}.rc-slider{width:100%}.ColorSwatch+label{display:inline-block;width:20px;height:20px;border:2px solid rgba(128,128,128,.7);margin-right:10px;overflow:hidden}.ColorSwatch+label .HiddenLabel{visibility:hidden}.ColorSwatch[value=black]+label{background:black}.ColorSwatch[value=magenta]+label{background:magenta}.ColorSwatch[value=white]+label{background:white}.ColorSwatch:checked+label{border:2px solid rgb(0,140,255)}.CanvasInteractions:focus{outline:none}.CanvasViewport{position:relative;display:grid;place-content:center;min-width:640px;background:rgba(0,0,0,.3);border-radius:10px;margin-top:10px}.CanvasInteractions:focus .CanvasViewport,.CanvasInteractions:focus-within .CanvasViewport{outline:2px solid rgba(114,250,209,.5)}.CanvasBackdrop{position:absolute;left:0;right:0;margin:0 auto}.CanvasTools{display:flex;justify-content:space-between}.CanvasTools,.CanvasToolsRegion{align-self:stretch}.CanvasToolsRegion[data-mocap-active=true],.CanvasViewport[data-mocap-active=true] .TextureCanvas{visibility:hidden;pointer-events:none}.Export{display:flex}.Export input[type=text]{font-size:11px}.Export button:where(:not([data-select])){display:inline-block;border:1px solid rgb(49,87,226);border-radius:3px;padding:2px 10px;background:rgb(20,105,241);color:white;font-size:13px;text-decoration:none;margin-left:3px}.Export .ExportOptionsButton{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding-right:6px}.Export .ExportOptionsButton svg{margin-top:2px}.Export [data-select]{width:6em;min-width:6em;flex:0 0 auto;margin-left:3px}.ExportOptionsPopup{background:rgba(5,22,21,.9);border-radius:4px;border:1px solid rgb(0,255,200);padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ExportOptionsPopup .Fields{align-items:flex-start}.ExportOptionsList{list-style:none;margin:0;padding:0;font-size:13px}.ExportOptionsList li{display:flex;align-items:center;gap:5px;margin:4px 0;padding:0 10px 0 0}.ExportOptionsPopup [data-select]{margin:4px}.SliderContainer{min-width:200px;min-height:30px;padding:2px 10px}.Buttons{display:flex;align-items:center;gap:10px;width:100%}.Buttons [data-select]{flex:1 1 auto}#SkinSelect{width:18em}.Buttons button:where(:not([data-select])){display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;border:1px solid rgb(23,159,138);border-radius:3px;width:28px;height:24px;background:rgb(74,193,171);color:rgb(5,69,76);font-size:16px;text-decoration:none;white-space:nowrap}.Buttons button:where(:not([data-select])):hover:not(:disabled),.Buttons button:where(:not([data-select]))[data-active]{background:rgb(99,255,226)}.Buttons button:where(:not([data-select])):active:not(:disabled){transform:translate3d(0,1px,0)}.Buttons button:where(:not([data-select])):disabled{opacity:.5}.Buttons button:where(:not([data-select]))[data-locked],.Buttons button:where(:not([data-select]))[data-locked]:active,.Buttons button:where(:not([data-select]))[data-locked]:hover{border-color:rgb(253,91,91);background:rgb(200,79,64);color:white}.ButtonGroup{display:flex;align-items:center;gap:0}.ButtonGroup button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.ButtonGroup button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Buttons .MetallicButton{width:auto;padding-right:6px}.Buttons .ButtonLabel{font-size:11px;font-weight:600}.CanvasToggle{display:flex;align-items:center}.CanvasToggle button{display:grid;place-content:center;border:1px solid rgb(23,159,138);border-left-width:0;border-radius:0;padding:1px 10px 2px;background:rgb(89,156,161);color:rgb(26,68,73);font-size:14px;font-weight:500;text-decoration:none;margin:0}.CanvasToggle button:first-child{border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px}.CanvasToggle button:not(:last-of-type){border-right-color:rgb(54,135,123)}.CanvasToggle button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.CanvasResolution{margin-left:8px;padding:2px 6px;border:1px solid rgb(52,123,118);border-radius:4px;background:#123d40;color:#98ffe0;font-size:11px;font-weight:600;white-space:nowrap}.CanvasToggle button[data-selected]{background:rgb(99,255,226);border-color:rgb(23,159,138)}.ModelTools{flex-wrap:wrap;position:absolute;top:0;left:0;right:0;padding:10px;z-index:2;justify-content:space-between;gap:10px}.AnimationTools,.ModelTools{display:flex;align-items:flex-end}.AnimationTools{gap:8px}.AnimationField{margin-right:6px}.AnimationField .Buttons{gap:6px}.AnimationTools>button,.AnimationTools>div:has(>[aria-controls=MocapPreview]),.SceneSettingsButton{margin-bottom:2px}.SceneSettingsButton{display:grid;place-items:center;flex:0 0 auto;width:30px;height:24px;margin-left:auto;padding:0;border:1px solid #179f8a;border-radius:3px;background:#4ac1ab;color:#05454c;font-size:18px;cursor:pointer}.SceneSettingsButton:hover,.SceneSettingsButton[data-active]{background:#63ffe2}.SceneSettingsButton:focus-visible{outline:2px solid #a3ffe7;outline-offset:3px}.ButtonText{display:none}.Field{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.Field>div>label,.Field>label,.FieldLabel{text-transform:uppercase;font-size:11px;text-shadow:0 1px 1px rgba(0,0,0,.8);opacity:.8}.Field .LabelWithControls{width:100%;display:flex;align-items:center;justify-content:space-between}.BrushToolsPopup,.SceneSettingsPopup{background:rgba(5,22,21,.9);border-radius:4px;border:1px solid rgb(0,255,200);padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Fields{display:flex;flex-direction:column;align-items:center;gap:10px}.Field label strong{margin-left:4px;color:#d0ffee}.CanvasContainer{position:relative}.CanvasContainer[data-active=false]{display:none}.CanvasSelector{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;transform:translate3d(0,-50%,0);z-index:2}h6{margin:0;padding:0;font-weight:700;font-size:11px}.Field.ApplyTo{display:flex;flex-direction:row;align-self:flex-start;align-items:center;padding-top:6px;padding-bottom:10px}.Field.ApplyTo input[type=radio]{margin:2px 3px}.Field.ApplyTo ul{font-size:12px;gap:12px;list-style:none}.Field.ApplyTo li,.Field.ApplyTo ul{display:flex;align-items:center;margin:0;padding:0}.Field.ApplyTo li{gap:4px}.SceneSettingsPopup{min-width:200px}.SceneSettingsPopup .Field,.SceneSettingsPopup .Fields{align-items:stretch}.SceneSettingsPopup input[type=range]{margin:0}.AppFooter{display:flex;align-self:flex-end;align-items:center;justify-content:space-between;font-size:13px;line-height:18px;margin:auto 0 10px}.AppFooter a{color:inherit;text-decoration:underline}.AppFooter .Separator{opacity:.7}.Sponsor{display:flex;align-items:center;gap:.75em}.IconLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0 12px 0 0}.FrameSelector{display:flex;align-items:center;margin-right:auto;border-radius:5px;padding:2px 0;background:rgb(74,193,171);color:rgb(5,69,76)}.FrameSelector button{display:inline-flex;align-items:center;background:transparent;color:inherit;border:0;margin:0;padding:2px 8px;font-size:12px;line-height:1}.FrameSelector button:disabled{opacity:.4}.FrameInfo{font-size:12px;font-weight:500}.AnimationSpeed{display:flex;align-items:center;font-size:11px;margin:0 38px 0 16px;gap:6px;color:rgb(122,183,165)}.AnimationSpeed input[type=checkbox]{width:12px;height:12px;padding:0;margin:0}.GalleryField,.GalleryLink{margin-left:auto}.GalleryLink{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:20px;color:inherit;text-decoration:none}.GalleryLink svg{color:rgb(74,193,171)}@media only screen and (max-width:899px){main{flex-direction:column}.Field{padding:0 10px}.CanvasInteractions,.Viewport{display:contents}.Toolbar{order:1}.ModelViewer{order:2}.ModelTools{order:3}.CanvasToolsRegion,.CanvasViewport{order:4}.AppFooter{order:5}[data-select]{max-width:calc(100vw - 20px)}.ModelTools [data-select],.Toolbar [data-select]{max-width:none}.Toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"model gallery" "skin gallery";align-items:stretch;grid-gap:12px;gap:12px;padding:12px 16px}.Toolbar .Field{align-items:stretch;padding:0}.Toolbar .Field>label{line-height:16px}.ModelField{grid-area:model}.SkinField{grid-area:skin}.Toolbar #SkinSelect,.Toolbar [data-select]{width:100%}.Toolbar .LoadSkinButton{display:none}.Toolbar>[role=alert]{grid-column:1/-1;margin:0;font-size:14px;overflow-wrap:anywhere}.Toolbar>[role=alert] button{min-width:44px;min-height:44px;margin-left:8px}.Toolbar .GalleryField{grid-area:gallery;margin:0;padding-top:20px}.GalleryLink{flex:1 1 auto;justify-content:center;gap:8px;min-width:76px;margin:0;padding:8px;border:1px solid #3c7771;border-radius:4px;background:#12383d;font-size:26px}.GalleryLink svg{order:-1;font-size:32px}.ModelViewer{min-width:100vw;min-height:min(70svh,720px)}.ModelTools{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;grid-gap:12px;gap:12px;padding:16px}.ModelTools .Field{align-items:stretch;padding:0}.AnimationTools,.AnimationTools>div:has(>[aria-controls=MocapPreview]){display:contents}.AnimationField{grid-column:1/-1;order:1;margin-right:0}.AnimationField .Buttons{gap:10px}.AnimationTools [aria-controls=MocapPreview]{order:2}.AnimationTools>button{order:3;margin:0}.SceneSettingsButton{order:5;margin:0}.ModelTools:has([aria-controls=MocapPreview])>.SceneSettingsButton{grid-column:1/-1}.SceneSettingsPopup{width:min(20rem,calc(100vw - 32px))}.SceneSettingsPopup input[type=range]{height:44px}.AnimationField .Buttons button:where(:not([data-select])){width:44px;height:44px;font-size:22px}.AnimationTools [aria-controls=MocapPreview],.AnimationTools>button,.SceneSettingsButton{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:44px;font-size:14px}.AnimationTools>button svg{font-size:20px}.AnimationTools [aria-controls=MocapPreview] svg,.SceneSettingsButton svg{font-size:24px}.ModelTools .ButtonText{display:inline;font-size:13px;font-weight:700;letter-spacing:-.1px;text-transform:uppercase;white-space:nowrap}@media (max-width:379px){.AnimationTools [aria-controls=MocapPreview],.AnimationTools>button,.SceneSettingsButton{grid-column:1/-1}}.AnimationTools>div:has(>[aria-controls=MocapPreview])>[role=alert]{order:4;position:static;grid-column:1/-1;width:auto;max-width:none;font-size:14px}.AnimationSpeed{margin:0;gap:0;font-size:14px}.AnimationSpeed input[type=checkbox]{width:20px;height:20px}.AnimationSpeed label{display:flex;align-items:center;min-width:44px;min-height:44px;padding-left:8px}.CanvasViewport{display:none}.CanvasViewport[data-mocap-active=true]{display:block;width:auto;min-width:0;margin:0 16px 16px;aspect-ratio:4/3}.CanvasViewport[data-mocap-active=true] .TextureCanvas{display:none}.CanvasTools{display:none;flex-direction:column;align-items:center;gap:10px}.CanvasToolsRegion{display:none}.AppFooter{display:flex;align-self:center;margin-top:20px}.CanvasInteractions>.AppFooter{margin:8px 16px 32px}.CanvasInteractions>.AppFooter a{display:inline-flex;align-items:center;min-height:44px}.CanvasInteractions>.AppFooter .IconLink{min-width:44px;margin-right:4px}main[data-mocap-active=true] .AnimationField,main[data-mocap-active=true] .SceneSettingsButton,main[data-mocap-active=true] .Toolbar{display:none}}main[data-capture],main[data-capture] .Viewport{display:block;margin:0;padding:0}main[data-capture] .ModelViewer{width:680px;min-width:680px;height:800px;min-height:800px}main[data-capture] .CanvasInteractions,main[data-capture] .ModelTools{display:none}