:root{--background: 226 32% 8%;--foreground: 240 14% 89%;--card: 226 32% 8%;--card-foreground: 240 14% 89%;--popover: 226 32% 8%;--popover-foreground: 240 14% 89%;--primary: 240 14% 89%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 240 14% 89%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 216 14% 85%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 240 14% 89%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 240 14% 89%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}*{color:hsl(var(--foreground));font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;display:inline-block;border-color:hsl(var(--border))}#skinned-step-tools{flex-direction:column;row-gap:1rem}hr{border:1px solid hsl(var(--border));width:100%;margin:1rem 0rem}li{display:list-item;line-height:135%;color:hsl(var(--muted-foreground));font-size:13px}html{height:100%}body{background:hsl(var(--background));background:linear-gradient(180deg,hsl(var(--background)) 41%,rgba(22,51,71,1) 100%)}#tool-selection-group{margin-bottom:2rem;width:100%}div{padding:.25rem}input[type=number]{padding:.5rem;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--background));color:hsl(var(--foreground));width:40px}button.secondary-button{background:rgba(28,32,39,.36);box-shadow:0 0 7.8px 3px #212a34cc inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .1s ease-in-out;color:hsl(var(--foreground))}button.secondary-button:hover{background:rgba(28,32,39,.6);box-shadow:0 0 10px 3px #212a34e6 inset}button.secondary-button.play{padding:.2rem .5rem;display:inline-flex;flex-grow:1;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:6px}button,.button{background:rgba(28,32,39,1);box-shadow:3.636px -4px 25px #10131c4d,0 0 8.667px 3.333px #2c3744cc inset;padding:.75rem 1rem;margin-right:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;text-align:center;transition:all .05s ease-in-out;color:hsl(var(--foreground));font-weight:500}button:hover,.button:hover{background:rgba(28,32,39,.8);box-shadow:3.636px -4px 25px #10131c80,0 0 10px 3.333px #2c3744e6 inset}button:active,.button:active{transform:scale(.98)}button:disabled{background:rgba(28,32,39,.3);opacity:.5;cursor:not-allowed;border:1px solid rgba(255,255,255,.04)}.button-icon-group{display:flex;align-items:end;justify-content:center;column-gap:6px}.button-icon-group span{align-self:center}.transform-icons{width:25px;height:25px;padding:.4rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);cursor:pointer;background:rgba(28,32,39,.36)}.transform-icons:hover{background:rgba(28,32,39,.6)}canvas{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}select{padding:.5rem;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:6px}option{background:hsl(var(--background));color:hsl(var(--foreground));border:none;border-radius:0}#current-step-index{font-size:15px;background:linear-gradient(150deg,rgba(120,219,255,.9) 3%,rgba(82,186,255,.8) 100%);padding:.7rem;border-radius:50%;color:hsl(var(--primary-foreground));width:16px;text-align:center;font-weight:700}#current-step-label{font-size:20px;color:hsl(var(--foreground));font-weight:600}#info-panel{background:rgba(28,32,39,.9);box-shadow:0 0 46.6px 3px #212a34cc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);overflow-y:auto;height:fit-content;bottom:20px;position:absolute;display:flex;width:300px;right:20px;border-radius:8px;max-height:calc(100% - 50px)}#info-messaging{padding:.5rem;font-size:13px;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--destructive))}#load-model-tools,#load-skeleton-tools,#transform-controls,#skeleton-step-actions{display:flex;flex-direction:column;row-gap:.7rem;width:100%}#tool-panel{position:fixed;height:fit-content;background:rgba(28,32,39,.9);box-shadow:0 0 46.6px 3px #212a34cc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);top:0;right:0;padding:1rem;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:330px}#animations-listing{display:flex;flex-direction:column;width:100%}#animations-listing-header{justify-content:space-between;display:flex;align-items:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(28,32,39,.4)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}#animations-items{max-height:15rem;display:flex;overflow:auto;flex-direction:column;margin-bottom:1rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(28,32,39,.4)}#animations-items div{display:flex;justify-content:space-between}#animations-items>div:nth-child(odd){background:rgba(255,255,255,.02)}.anim-item{display:flex;justify-content:space-between}input[type=file]{display:none}#github-logo{position:fixed;bottom:10px;left:10px;display:flex;opacity:.3;column-gap:6px;align-items:center;transition:opacity .5s ease-in-out;text-decoration:none;padding:.5rem;color:hsl(var(--muted-foreground))}#github-logo:hover{opacity:.6}#github-logo img{width:50px;height:auto}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background:rgba(28,32,39,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);min-width:160px;box-shadow:0 8px 16px #0000004d;z-index:1;border-radius:8px}.dropdown-content a{color:hsl(var(--foreground));padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background:rgba(255,255,255,.05)}.show{display:block}#header-ui{display:flex;gap:0;flex-direction:row;position:fixed;background:rgba(28,32,39,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:.5rem 1rem;border-radius:0 0 8px 8px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:200px;background:rgba(28,32,39,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:hsl(var(--foreground));text-align:center;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.08);position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.step-instructions{color:hsl(var(--muted-foreground))}.styled-checkbox{display:flex;align-items:center;gap:8px}.styled-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:hsl(var(--primary))}.styled-checkbox label{cursor:pointer;padding:.2rem .5rem;font-size:13px;color:hsl(var(--foreground))}#bone-selection-section{margin:0;background:rgba(28,32,39,.4);box-shadow:0 0 10px 3px #212a3499 inset;padding:.75rem;border-radius:6px;flex-direction:column;border:1px solid rgba(255,255,255,.08)}#view-buttons-container{display:flex;align-items:center;justify-content:center;width:100%}#view-buttons-container button{width:100%;border-radius:6px}fieldset{border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.5rem;background:rgba(28,32,39,.3)}fieldset span{font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:.25rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.suffix-unit{color:hsl(var(--muted-foreground));font-size:12px}.rest-button{margin-top:5px;width:100%}:root{--primary-color: hsl(240 14% 89%);--primary-background: rgba(28, 32, 39, .6);--primary-background-hover: rgba(28, 32, 39, .8);--primary-background-active: rgba(120, 219, 255, .2);--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .12);--text-color: hsl(240 14% 89%);--text-muted: hsl(216 14% 85%)}fieldset{border:1px solid var(--border-color);background:rgba(28,32,39,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding:.5rem;display:inline-flex;align-items:center;gap:.5rem;flex-direction:column;border-radius:8px;box-shadow:0 0 7.8px 3px #212a3499 inset}fieldset>span{font-size:12px;color:var(--text-muted);margin-bottom:.25rem;font-weight:500}.toggle{box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;border-radius:6px;overflow:hidden;background:rgba(28,32,39,.2);border:1px solid var(--border-color)}.toggle input{width:0;height:0;position:absolute;left:-9999px}.toggle input+label{padding:.5rem .75rem;background:transparent;border:none;font-size:12px;color:var(--text-color);cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center;min-width:40px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.toggle input+label:first-of-type{border-right:1px solid var(--border-color)}.toggle input+label:not(:first-of-type):not(:last-of-type){border-right:1px solid var(--border-color)}.toggle input:hover+label{background:var(--primary-background-hover);color:var(--text-color)}.toggle input:checked+label{background:var(--primary-background-active);background:linear-gradient(135deg,rgba(120,219,255,.3) 0%,rgba(82,186,255,.2) 100%);color:var(--text-color);box-shadow:0 0 10px 2px #78dbff1a inset,0 0 20px #78dbff0d;z-index:1;font-weight:500}.toggle input+label img{width:20px;height:20px;filter:brightness(.8) contrast(1.2);transition:filter .15s ease-out}.toggle input:checked+label img{filter:brightness(1.2) contrast(1.3) drop-shadow(0 0 3px rgba(120,219,255,.3))}.toggle input:hover+label img{filter:brightness(1) contrast(1.2)}.toggle input:focus+label{outline:2px solid rgba(120,219,255,.5);outline-offset:2px}.toggle input:disabled+label{opacity:.5;cursor:not-allowed;background:rgba(28,32,39,.1)}.toggle input:disabled:hover+label{background:rgba(28,32,39,.1)}.toggle input+label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;transition:background .15s ease-out;pointer-events:none}.toggle input:checked+label:before{background:linear-gradient(135deg,rgba(120,219,255,.1) 0%,rgba(82,186,255,.05) 100%)}
