#shell{max-width:1150px;margin:2rem auto}#shell *{box-sizing:border-box}#shell button:disabled{opacity:1;background-color:grey;color:rgb(184,184,184)}#shell button{background-color:green;border-radius:0}#shell section{background:white;color:#111;padding:1rem}#shell input[type=text]{color:#111}#shell .color-palette-stripes,.color-picker .color-picker-row{background:transparent}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#shell .project-browser{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:stretch;align-items:stretch;position:relative}#shell .project-listing{margin:10px;padding:5px;border:5px solid grey;text-align:center;background-color:rgba(0,0,0,.8);cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-content:stretch;align-items:stretch}#shell .project-listing .details,#shell .project-listing .preview{order:0;flex:0 1 auto;align-self:auto}#shell .project-listing .details .price{font-size:.8rem}#shell .project-listing .delete{background-color:red}#shell .project-listing div.placeholder{color:grey}#shell .project-listing.new-project{border:none;flex:1 1 100%;text-align:center}#shell .project-listing button.new-project{width:100%;background-color:darkorange}#shell .project-listing.active{border:5px solid green;padding:0;box-shadow:0 0 3px 3px rgba(255,255,255,.4)}#shell .project-listing .name,#shell .project-listing .price{font-size:1.5rem;line-height:1.2em}#shell .project-listing button{width:80%}#shell .button-group:not(:last-child){margin-right:2em}#shell section:first-child{margin-top:20px}#shell .tool-bar{flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:5px 5px 15px;background-color:rgba(0,0,0,.8)}#shell .tool-bar,#shell .tool-bar .button-group{display:flex;justify-content:flex-start;align-content:center}#shell .tool-bar .button-group{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;align-items:stretch}#shell .tool-bar .button-group button,#shell .tool-bar .button-group label{display:inline-block;position:relative;font-size:.8rem;line-height:1rem;margin:0;padding:0 10px 4px;text-align:center;font-family:var(--font-roboto-mono),"Roboto Mono",monospace}#shell .tool-bar .button-group label{background-color:rgb(22 150 160);min-width:6ch;padding:1px 10px 5px}#shell .tool-bar .tab-nav-dropdown-icon{background-image:url(/img/icons/downarrow.png)}#shell .tool-bar .tab-nav-dropdown-icon,#shell .tool-bar .tab-nav-dropdown-icon.close{display:inline-block;width:2ch;height:.5em;background-repeat:no-repeat;background-position:50% 80%}#shell .tool-bar .tab-nav-dropdown-icon.close{background-image:url(/img/icons/x.png)}#shell .tool-bar .tab-nav{position:relative;color:rgb(22 150 160);border:3px solid rgb(22 150 160);background-color:white}#shell .tool-bar .tab-nav-cover{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2)}#shell .tool-bar .tab-nav-item{cursor:pointer;background-color:white;border-top:2px solid white;border-bottom:2px solid white}#shell .tool-bar .tab-nav-item.active{cursor:pointer;color:white;background-color:rgb(22 150 160)}#shell .tool-bar .tab-nav-item:hover{border-color:rgb(22 150 160)}#shell .tool-bar button-group.right-stretch{flex:1 0 auto;text-align:right}#shell .tab-bar .button-group{flex:1 0 auto}#shell .tab-bar .next-tab,#shell .tab-bar .prev-tab{flex:0 0 180px}#shell .tab-bar .current-tab{flex:1 0 auto}#shell .image-editor{padding-left:5px}#shell .image-editor canvas{border:2px solid rgb(59,59,59);cursor:none}#shell .image-editor canvas.light-canvas{background-color:#eee}#shell .image-editor canvas.dark-canvas{background-color:#222}#shell .tool-bar button{border-top:1px solid green;border-bottom:1px solid green}#shell .tool-bar button:disabled{border-color:grey;border-top:1px solid grey;border-bottom:1px solid grey}#shell .tool-bar button.active{border-top:1px solid rgb(6,56,6);border-bottom:1px solid #88bb88}#shell button.active{background-color:rgb(6,56,6)}#shell .image-editor{max-width:900px;margin:0 auto}#shell .image-editor .body{display:flex;flex-wrap:nowrap;flex-direction:row;align-content:flex-start;justify-content:center;align-items:flex-start}#shell .image-editor .left,#shell .image-editor .right{flex:0 0 auto}#shell .cat-picker .preview{margin:30px 0;text-align:center}#shell .cat-picker .tool-bar>div{padding:10px 0}#shell .cat-id label{padding:7px 10px}#shell .color-picker{width:540px;padding:10px}#shell .color-picker-row{position:relative;top:0;left:0;font-size:0;height:30px}#shell .color-picker-row label{display:inline-block;position:relative;font-size:1rem;width:80px;margin-right:10px;text-align:right}#shell .color-picker-row.row-length-7 .color-picker-cell,#shell .color-picker-row.row-length-7 .color-picker-cell-background{width:60px}#shell .color-picker-row.row-length-7 .color-picker-cell:hover{width:66px}#shell .color-picker-cell-background{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFUlEQVQYlWNgwA3+I2EaKRoeVsAAAFflGubteE7wAAAAAElFTkSuQmCC");background-repeat:repeat;background-color:white;position:relative;width:30px;height:30px;display:inline-block}#shell .color-picker .preview{position:relative;text-align:center;z-index:200}#shell .color-picker .preview img{width:200px;height:200px}#shell .color-picker-cell{position:relative;width:30px;height:30px;display:inline-block;cursor:pointer}#shell .color-picker-cell:hover{position:absolute;top:-3px;left:-3px;width:36px;height:36px;z-index:100;border:1px solid white}#shell .color-picker-cell.active{border:3px solid white;box-shadow:inset 0 0 0 1px #aaa}#shell .palette-editor .palette-color{position:relative;overflow:visible}#shell .palette-editor .palette-color .color-picker{position:absolute;top:-30px;left:-523px;z-index:100;border:3px solid white;background-color:black}#shell .palette-editor .color-picker .overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25)}#shell .palette-editor .palette-color button{position:relative;width:100px;text-align:center;display:block}#shell .palette-editor .palette-color button .label{background-color:#444;padding:0 1ch;border-radius:2px;cursor:pointer}#shell .palette-editor .palette-color.active button .label{background-color:white;color:#444;padding:0 1ch;border-radius:2px}#shell .palette-editor .palette-color.active button{position:relative;left:8px}#shell .positions-editor>div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center}#shell .positions-editor .images{order:0;flex:0 1 auto;align-self:auto}#shell .positions-editor .adjuster{order:1;flex:1 0 auto;align-self:flex-start;text-align:right}#shell .positions-editor hr{border-color:#444}#shell .positions-editor label{display:block;font-size:1.5em;text-align:center;margin:.5em}#shell .positions-editor .adjuster.toggle{text-align:center}#shell .positions-editor .adjuster .group{display:inline-block;text-align:center;padding:10px}#shell .positions-editor .adjuster button{width:5em;margin:2px}#shell .positions-editor .adjuster.toggle button.pose{width:80%}#shell .positions-editor .adjuster button.pose{width:10em}#shell .positions-editor .adjuster button.center{width:14em;background-color:blue}#shell .positions-editor .adjuster button.pose.disable{background-color:red}#shell .positions-editor .adjuster .fast button{background-color:darkorange}#shell .positions-editor .left,#shell .positions-editor .right{display:inline-block;border:5px solid #777;margin:5px;background-color:black;line-height:0;font-size:0}#shell .positions-editor img{width:300px;height:300px;transform:scale(2);-webkit-clip-path:polygon(25% 25%,75% 25%,75% 75%,25% 75%);clip-path:polygon(25% 25%,75% 25%,75% 75%,25% 75%);position:relative;transition:transform .25s,-webkit-clip-path .25s;transition:transform .25s,clip-path .25s;transition:transform .25s,clip-path .25s,-webkit-clip-path .25s;cursor:pointer}#shell .positions-editor .left img.focus,#shell .positions-editor .left_x img:hover{border:5px solid green;z-index:100;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1.6) translate(17%)}#shell .positions-editor .right img.focus,#shell .positions-editor .right_x img:hover{border:5px solid green;z-index:100;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1.6) translate(-17%)}#shell section .heading{margin:10px;font-size:1.2em;color:rgb(6,56,6)}#shell .settings-editor{text-align:center}#shell .settings-editor div.tip{color:grey;font-size:.8em}#shell .settings-editor h2{background-color:inherit;text-shadow:none;color:#499;margin:.5em}#shell .settings-editor hr{margin-top:1.5em;margin-left:20%;margin-right:20%}#shell .settings-editor input{border:2px solid #444}#shell .settings-editor input.invalid{border:2px solid red}#shell .settings-editor button.audience{background-color:grey}#shell .settings-editor button.audience.everyone.active{background-color:green}#shell .settings-editor button.audience.teen.active{background-color:darkorange}#shell .settings-editor button.audience.mature.active{background-color:red}#shell .previewer{text-align:center}#shell .previewer button{padding-left:4em;padding-right:4em;background-color:darkorange;margin-top:50px}#shell .previewer .random-previews{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-content:center;align-items:center;margin-top:50px}#shell .previewer .random-previews .random-preview{order:0;flex:0 1 auto;align-self:auto}#shell .previewer .random-previews .random-preview img{border:3px solid grey}#shell .previewer .id{color:grey}#shell .multi-palette-editor .cols{margin-top:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}#shell .multi-palette-editor .cols>div{margin:0 10px 10px}#shell .multi-palette-editor .palette-selector{order:0;flex:0 1 auto;align-self:auto}#shell .multi-palette-editor .palette-preview{order:1;flex:1 1 auto;align-self:auto}#shell .multi-palette-editor .palette-chooser{order:2;flex:0 1 auto;align-self:auto}#shell .multi-palette-editor .multi-palette-clone{background-color:rgb(22 150 160)}#shell .multi-palette-editor .multi-palette-delete{background-color:red}#shell .multi-palette-editor .multi-palette-clone:disabled,#shell .multi-palette-editor .multi-palette-delete:disabled{background-color:grey}#shell .multi-palette-editor .tool-bar button{border:none!important}#shell .multi-palette-editor .tool-bar{justify-content:center}#shell .multi-palette-editor .palette-preview{text-align:center}#shell .multi-palette-editor .palette-preview img{border:2px solid grey}#shell .multi-palette-editor .palette-editor .palette-color>button{position:relative;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#shell button{color:white;border:none}