:root{font-family:Unifont,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;height:100%;overflow:visible;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.qq-show-container{display:flex;justify-content:center;align-items:center;width:100%}.qq-show-display{position:relative;width:210px;height:339px;background:#f8f8f8;border:1px solid #c0c0c0;border-radius:5px;overflow:hidden;box-shadow:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.qq-show-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.qq-show-item-image{width:210px;height:339px;object-fit:contain;object-position:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.qq-show-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:11px;font-family:Unifont,monospace;text-align:center;padding:10px;box-sizing:border-box;text-shadow:1px 1px 0px #cccccc}@media (max-width: 900px){.qq-show-container{height:auto;width:auto;min-height:auto}.qq-show-display{width:190px;height:305px}.qq-show-item-image{width:190px;height:305px;object-fit:fill}}.share-display-container{width:210px;height:339px;display:flex;justify-content:center;align-items:center;position:relative;background:#f8f8f8;border:1px solid #c0c0c0;border-radius:5px;box-shadow:none;min-height:339px;overflow:hidden}.share-display-area{width:210px;height:339px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.share-display-image{width:210px;height:339px;object-fit:fill;position:absolute;top:0;left:0;z-index:1}.share-display-layer{position:absolute;top:0;left:0;width:210px;height:339px;z-index:1}.share-display-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;font-size:14px;z-index:0}.category-selector{padding:12px;background:linear-gradient(180deg,#3633d2 10%,#c6c3ff 35%,#b4b1fc 78%,#0f0fab);border:1px solid #5953f1;border-radius:7px;margin-bottom:0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;overflow-y:auto;display:flex;flex-direction:column;width:fit-content;height:100%;position:relative}.category-selector:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none;z-index:1}.category-title{margin:0 0 12px;font-size:16px;color:#fff;text-align:center;font-family:Unifont,monospace;font-weight:700;text-shadow:1px 1px 0px #333333;position:relative;z-index:2}.category-grid{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;width:fit-content;position:relative;z-index:2}.category-item{display:flex;flex-direction:column;align-items:center;padding:8px 8px 5px;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;background:#fff;transition:none;width:fit-content;height:fit-content;box-sizing:content-box}.category-item:hover{background:#433ae7;border:1px solid #d0d0d0}.category-item:hover .category-name{color:#fff;text-shadow:1px 1px 0px #333333}.category-item.selected{background:#433ae7;border:1px solid #d0d0d0}.category-item.selected .category-name{color:#fff;text-shadow:1px 1px 0px #333333}.category-item:focus{outline:none}.category-item:focus-visible{background:#433ae7;border:1px solid #d0d0d0}.category-item:focus-visible .category-name{color:#fff;text-shadow:1px 1px 0px #333333}.category-thumbnail{position:relative;width:auto;height:auto;border-radius:6px;overflow:hidden;margin-bottom:6px;background:#ebebeb;display:flex;align-items:center;justify-content:center;border:1px solid #d0d0d0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.category-thumbnail-image{width:60px;height:60px;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.category-name{max-width:60px;font-size:11px;color:#000;text-align:center;font-weight:700;font-family:Unifont,monospace;text-shadow:1px 1px 0px #cccccc;line-height:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.category-item .category-thumbnail .selected-indicator{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:16px!important;height:16px!important;background:#433ae7!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;box-shadow:0 1px 2px #0003!important}.category-item .category-thumbnail .selected-checkmark{color:#fff!important;font-size:8px!important;font-weight:700!important;line-height:1!important;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 2px rgba(255,255,255,.6),0 0 3px rgba(255,255,255,.4)!important}.category-selector::-webkit-scrollbar{width:12px}.category-selector::-webkit-scrollbar-track{background:#2a2a2a;border-radius:0}.category-selector::-webkit-scrollbar-thumb{background:#555;border-radius:0;border:1px solid #d0d0d0}.category-selector::-webkit-scrollbar-thumb:hover{background:#777}.category-selector::-webkit-scrollbar-corner{background:#2a2a2a}@media (max-width: 900px){.category-grid::-webkit-scrollbar{width:0px;height:0px}.category-grid::-webkit-scrollbar-track{background:transparent;border-radius:4px}.category-grid::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px;border:none}.category-grid::-webkit-scrollbar-thumb:hover{background:#00000080}.category-grid::-webkit-scrollbar-corner{background:transparent}}@media (max-width: 900px){.category-item:active{background:#d0d0d0;border:1px solid #d0d0d0}.category-item:active .category-name{color:#000;text-shadow:1px 1px 0px #cccccc}.category-selector{height:auto;max-height:120px;padding:6px 0;overflow:visible;width:100%;display:flex;flex-direction:row;align-items:center;gap:0px}.category-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;width:100%;overflow-x:auto;overflow-y:hidden}.category-item{flex-shrink:0!important;flex-grow:0!important;width:auto;height:auto;padding:8px 8px 4px!important}.category-thumbnail{position:relative;width:auto;height:auto;margin-bottom:4px!important}.category-thumbnail-image{width:50px;height:50px}.category-name{justify-content:left!important;font-size:10px;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word}.category-item .category-thumbnail .selected-indicator{width:14px!important;height:14px!important}.category-item .category-thumbnail .selected-checkmark{font-size:6px!important;font-weight:700!important;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 2px rgba(255,255,255,.6)!important}.category-title{writing-mode:vertical-rl;text-orientation:mixed;margin:0;padding-left:1px;padding-right:1px;font-size:12px;white-space:nowrap;flex-shrink:0}}@media (max-width: 900px) and (min-height: 701px){.category-thumbnail-image{width:50px!important;height:50px!important}.category-name{max-width:50px!important}}.item-thumbnail{display:flex;flex-direction:column;align-items:center;padding:12px 12px 8px;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;background:#fff;width:fit-content;height:fit-content;transition:none}.item-thumbnail.item-thumbnail-component{width:fit-content!important;max-width:118px!important;padding:12px 12px 8px}div.item-thumbnail.item-thumbnail-component{width:fit-content!important;padding:12px 12px 8px;box-sizing:border-box!important}.item-thumbnail:hover{background:#433ae7;border:1px solid #d0d0d0}.item-thumbnail:hover .item-name{color:#fff;text-shadow:1px 1px 0px #333333}.item-thumbnail.selected{background:#433ae7;border:1px solid #d0d0d0}.item-thumbnail.selected .item-name{color:#fff;text-shadow:1px 1px 0px #333333}.item-thumbnail:focus{outline:none}.item-thumbnail:focus-visible{background:#433ae7;border:1px solid #d0d0d0}.item-thumbnail:focus-visible .item-name{color:#fff;text-shadow:1px 1px 0px #333333}.item-thumbnail-image-container{position:relative;width:auto;height:auto;max-width:150px;max-height:150px;border-radius:6px;overflow:hidden;margin-bottom:6px;background:#ebebeb;display:flex;align-items:center;justify-content:center}.selected-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#433ae7;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px #0003}.selected-checkmark{color:#fff;font-size:14px;font-weight:700;line-height:1;text-shadow:0 0 2px rgba(255,255,255,.8),0 0 4px rgba(255,255,255,.6),0 0 6px rgba(255,255,255,.4)}.item-thumbnail-image{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.hair-preview-container{position:relative;width:auto;height:auto;max-width:150px;max-height:150px;display:flex;align-items:center;justify-content:center}.hair-preview-placeholder{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;opacity:0}.hair-preview-back{position:absolute;top:0;left:0;max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:1}.hair-preview-front{position:absolute;top:0;left:0;max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:2}.item-name{font-size:11px;color:#000;text-align:center;font-weight:700;font-family:Unifont,monospace;line-height:1.2;width:100%;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 0px #cccccc;margin-top:4px;box-sizing:border-box;word-break:break-all;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;display:block}@media (max-width: 900px){.item-thumbnail:active{background:#d0d0d0;border:1px solid #d0d0d0}.item-thumbnail:active .item-name{color:#000;text-shadow:1px 1px 0px #cccccc}.item-thumbnail{padding:8px 8px 4px!important;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.item-thumbnail-component{padding:8px 8px 4px!important}.item-thumbnail{flex-shrink:0!important;flex-grow:1!important;min-width:60px;max-width:none}.item-thumbnail-image-container{width:100%;max-width:none;margin-bottom:2px;height:100%;flex:1;display:flex;align-items:center;justify-content:center}.hair-preview-container{width:100%;max-width:none;height:100%;max-height:none}.item-thumbnail-image,.hair-preview-placeholder,.hair-preview-back,.hair-preview-front{width:90px;max-width:none;height:145px;max-height:none}.item-name{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word}.selected-indicator{top:4px;right:4px;width:20px;height:20px}.selected-checkmark{font-size:12px}}.item-selector{padding:12px;background:linear-gradient(180deg,#3633d2 10%,#c6c3ff 35%,#b4b1fc 78%,#0f0fab);border:1px solid #5953f1;border-radius:7px;overflow:hidden;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;display:flex;flex-direction:column;width:fit-content;height:100%;position:relative}.item-selector:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none;z-index:1}.item-selector-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:#fff;font-size:14px;font-family:Unifont,monospace;text-shadow:1px 1px 0px #333333;position:relative;z-index:2}.item-selector-title{margin:0 0 12px;font-size:16px;color:#fff;text-align:center;font-family:Unifont,monospace;font-weight:700;text-shadow:1px 1px 0px #333333;position:relative;z-index:2}.item-grid{display:grid;grid-template-columns:repeat(3,auto);gap:16px;flex:1;overflow-y:auto;width:fit-content;justify-content:start;align-content:start;position:relative;z-index:2}.item-selector::-webkit-scrollbar{width:12px}.item-selector::-webkit-scrollbar-track{background:#2a2a2a;border-radius:0}.item-selector::-webkit-scrollbar-thumb{background:#555;border-radius:0;border:1px solid #666}.item-selector::-webkit-scrollbar-thumb:hover{background:#777}.item-selector::-webkit-scrollbar-corner{background:#2a2a2a}@media (max-width: 900px){.item-grid::-webkit-scrollbar{width:0px;height:0px}.item-grid::-webkit-scrollbar-track{background:transparent;border-radius:4px}.item-grid::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px;border:none}.item-grid::-webkit-scrollbar-thumb:hover{background:#00000080}.item-grid::-webkit-scrollbar-corner{background:transparent}}@media (max-width: 900px){.item-selector{height:auto;padding:6px 0;overflow:visible;width:100%;display:flex;flex-direction:row;align-items:center}.item-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;flex:1;align-items:center}.item-selector-placeholder{height:auto;font-size:12px}.item-selector-title{writing-mode:vertical-rl;text-orientation:mixed;margin:0;padding-left:1px;padding-right:1px;font-size:12px;white-space:nowrap;flex-shrink:0}}#root{width:100%;height:100%;margin:0;padding:0;background:silver;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;font-family:Unifont,monospace;position:relative;overflow:visible;box-sizing:border-box}.qq-window{background:#f0f0f0;border:none;border-radius:0;box-shadow:none;overflow:hidden;position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.qq-titlebar{background:linear-gradient(180deg,#0f0fab,#8381e5);color:#fff;height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid #5953f1;position:relative;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 0px #333333}.qq-titlebar-left{display:flex;align-items:center;gap:8px}.qq-icon{width:24px;height:24px;border:none;background:#fff;padding:2px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain}.clickable-icon{cursor:pointer}.qq-title{font-size:20px;font-weight:700;font-family:Unifont,monospace;color:#fff;text-shadow:1px 1px 0px #333333}.clickable-title{cursor:pointer}@media (max-width: 900px){.share-page .qq-title{font-size:18px}.language-button{width:36px!important;white-space:nowrap!important}.qq-titlebar-right button{font-size:11px!important}.share-button{width:68px!important}.share-button.english{width:88px!important;white-space:nowrap!important}.share-page .share-button{width:fit-content!important;padding-left:6px!important;padding-right:6px!important;white-space:nowrap!important}.about-button{width:44px!important}}@media (max-width: 900px) and (max-height: 726px){.qq-window:not(.share-page) .random-button{font-size:20px!important;height:26px!important;width:26px!important}.qq-window:not(.share-page) .action-button{font-size:20px!important;height:26px!important;width:26px!important}.qq-window:not(.share-page) .clear-button{font-size:12px!important;height:26px!important;width:auto!important;white-space:nowrap!important}.qq-window:not(.share-page) .qq-show-item-image{width:190px!important;height:305px!important;object-fit:fill!important}.qq-window:not(.share-page) .qq-show-display{width:190px!important;height:305px!important}.qq-window:not(.share-page) .display-controls{width:190px!important;max-width:none!important;padding:0!important}.qq-window:not(.share-page) .qq-show-layout{gap:10px}.qq-window:not(.share-page) .app-content{padding:16px 8px}.qq-window:not(.share-page) .col-items{padding:0 16px}.qq-window:not(.share-page) .col-categories{padding:0 16px}.qq-window:not(.share-page) .item-name{max-width:65px}.qq-window:not(.share-page) .item-thumbnail-image{width:65px;height:104px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.hair-preview-placeholder,.hair-preview-back,.hair-preview-front{width:65px;max-width:none;height:104px;max-height:none}.qq-window:not(.share-page) .menus-container{gap:8px}.qq-window:not(.share-page) .category-thumbnail-image{width:46px!important;height:46px!important;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.qq-window:not(.share-page) .category-name{max-width:46px!important}}@media (max-width: 900px) and (max-height: 670px){.qq-window:not(.share-page) .qq-show-display{width:170px!important;height:274px!important}.qq-window:not(.share-page) .qq-show-item-image{width:170px!important;height:274px!important}.qq-window:not(.share-page) .display-controls{width:170px!important}}@media (max-width: 900px) and (max-height: 640px){.qq-window:not(.share-page) .random-button{height:24px!important;width:24px!important}.qq-window:not(.share-page) .action-button{height:24px!important;width:24px!important}.qq-window:not(.share-page) .clear-button{height:24px!important;font-size:11px!important}.clear-button{padding:4px}.qq-window:not(.share-page) .display-controls{width:155px!important}.qq-window:not(.share-page) .qq-show-display{width:155px!important;height:259px!important}.qq-window:not(.share-page) .qq-show-item-image{width:155px!important;height:259px!important}}.qq-titlebar-right{display:flex;gap:2px}.language-buttons{display:flex;gap:1px;margin-right:10px}.language-button,.about-button,.share-button{padding:4px 8px;border:1px solid #c0c0c0;background:#fff;color:#333;font-size:12px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 0px #cccccc;white-space:nowrap;outline:none;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003;width:48px;height:20px;border-radius:8px;text-decoration:none}.share-button{width:72px}.share-button.english{width:96px;white-space:nowrap}.share-page .share-button{width:fit-content;padding-left:6px;padding-right:6px;white-space:nowrap}.share-page-content{display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.share-page-layout{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.share-page-display{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%;height:100%}.share-page-display .qq-show-container,.share-page-display .qq-show-display,.share-page-display .qq-show-item-image{width:210px;height:339px}.outfit-name-section{display:flex;justify-content:center;align-items:center;margin-top:5px;width:100%}.outfit-name-container{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c0c0c0;border-radius:5px;padding:8px 12px;width:210px}.outfit-name-display{font-size:16px;font-weight:700;font-family:Unifont,monospace;color:#333;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.outfit-name-input{font-size:16px;font-weight:700;font-family:Unifont,monospace;color:#333;background:transparent;border:none;flex:1;text-align:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.outfit-name-input::placeholder{color:#999;font-style:italic}.outfit-name-button{padding:4px 8px;border:1px solid #c0c0c0;background:#fff;color:#333;font-size:12px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 0px #cccccc;outline:none;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003;width:40px;height:24px;white-space:nowrap;transition:all .1s ease;flex-shrink:0}.outfit-name-button:hover{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.outfit-name-button:active{background:#d0d0d0;border:1px solid #c0c0c0;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.language-button.active{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333}.language-button:focus,.about-button:focus,.share-button:focus{outline:none}.language-button:focus-visible,.about-button:focus-visible,.share-button:focus-visible{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.language-button:hover:not(.active),.about-button:hover,.share-button:hover{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.language-button.active:hover{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333}.language-button:active:not(.active),.about-button:active,.share-button:active{background:#d0d0d0;border:1px solid #c0c0c0;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.language-button.active:active{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333}.tab-navigation{display:flex;gap:5px;margin-top:15px;justify-content:center}.tab-button{padding:8px 16px;border:1px solid #c0c0c0;border-radius:5px;background:#fff;color:#333;font-size:12px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;text-shadow:1px 1px 0px #cccccc;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.tab-button:hover{background:#aef3ff;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.tab-button.active{background:#ff0;color:#000;border:1px solid #c0c0c0;text-shadow:1px 1px 0px #cccccc;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.display-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;width:210px;margin-left:auto;margin-right:auto}.display-controls .left-controls{display:flex;align-items:center}.display-controls .center-controls,.display-controls .right-controls{display:flex;align-items:center;gap:4px}.clear-button{padding:8px;border:1px solid #c0c0c0;border-radius:5px;background:#fff;color:#333;font-size:14px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;text-shadow:1px 1px 0px #cccccc;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;outline:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1}.clear-button:focus{outline:none}.clear-button:focus-visible{background:#fc1b1b;color:#fff;text-shadow:1px 1px 0px #000000;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.clear-button:hover{background:#fc1b1b;color:#fff;text-shadow:1px 1px 0px #000000;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.clear-button:active{background:#d0d0d0;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.action-button{width:32px;height:32px;padding:0;border:1px solid #c0c0c0;border-radius:5px;background:#fff;color:#333;font-size:24px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;text-shadow:1px 1px 0px #cccccc;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;display:flex;align-items:center;justify-content:center;outline:none}.action-button:focus{outline:none}.action-button:focus-visible{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.action-button:hover:not(:disabled){background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.action-button:active:not(:disabled){background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.action-button:disabled{background:silver;color:gray;cursor:not-allowed;opacity:.6}.random-button{width:32px;height:32px;padding:0;border:1px solid #c0c0c0;border-radius:5px;background:#fff;color:#333;font-size:24px;font-weight:700;font-family:Unifont,monospace;cursor:pointer;text-shadow:1px 1px 0px #cccccc;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;display:flex;align-items:center;justify-content:center;outline:none}.random-button:focus{outline:none}.random-button:focus-visible{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.random-button:hover,.random-button:active{background:#433ae7;color:#fff;text-shadow:1px 1px 0px #333333;border:1px solid #c0c0c0;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.app-content{padding:48px 12px;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:stretch;box-sizing:border-box;position:relative;z-index:2;background:linear-gradient(180deg,#7f7de3,#0f0fab);background-clip:padding-box}.app-content:before{content:"";position:absolute;inset:8px;background:#f0f0f0;border-radius:8px;pointer-events:none;z-index:-1}.qq-show-layout{display:grid;grid-template-areas:"display menus";align-items:stretch;justify-content:center;height:100%;max-width:1200px;gap:36px}.col-display{grid-area:display}.col-items .item-selector{min-width:412px}.menus-container{grid-area:menus;display:grid;grid-template-areas:"items categories";align-items:stretch;gap:26px;overflow:hidden;height:100%}.col-items{grid-area:items}.col-categories{grid-area:categories}.col-display{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-shrink:0;gap:16px;width:auto;max-width:none;height:auto}.col-items,.col-categories{display:flex;flex-direction:column;height:100%;flex-shrink:0;width:auto}.qq-show-panel{display:flex;flex-direction:column;overflow:hidden}@media (max-width: 900px){.outfit-name-container{width:180px;padding:6px 10px}.outfit-name-input{font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.outfit-name-display{font-size:14px}.outfit-name-button{width:36px;height:22px;font-size:11px}.qq-show-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"display" "menus";gap:10px;height:100%;align-items:stretch}.menus-container{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:visible;height:fit-content;width:100%;min-height:0}.col-items .item-selector{width:100%!important;min-width:auto!important;overflow:hidden;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important}.col-items .item-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;height:100%;overflow-x:auto!important;overflow-y:hidden!important;flex:1;align-items:center}.col-categories .category-selector{width:100%!important;overflow:hidden;height:auto}.col-categories .category-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}.col-items{flex:1;height:auto;width:100vw;max-width:none;overflow:visible;padding:0 20px;display:flex;flex-direction:column;min-height:0;flex-shrink:1}.col-categories{flex:0 0 auto;height:auto;width:100vw;max-width:none;overflow:visible;padding:0 20px;min-height:0}.app-content{padding:20px 8px;align-items:center;height:auto}.display-controls{width:190px;max-width:none;padding:0}.qq-icon{width:22px;height:22px}.qq-titlebar{padding-left:8px;padding-right:8px;height:36px}.qq-title{font-size:16px}.clear-button{font-size:14px;height:28px;width:auto}.action-button,.random-button{font-size:22px;height:28px;width:28px}.col-display{gap:10px;width:auto;height:100%;max-width:none;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#f0f0f0;border:2px solid #c0c0c0;border-radius:8px;box-shadow:4px 4px 8px #0000004d,inset 1px 1px 2px #ffffff4d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;font-family:Unifont,monospace}.modal-header{background:linear-gradient(180deg,#0f0fab,#8381e5);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5953f1}.modal-header h2{margin:0;font-size:18px;font-weight:700;text-shadow:1px 1px 0px #333333}.modal-close{width:24px;height:24px;border:1px solid #c0c0c0;background:#fff;color:#333;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 0px #cccccc;outline:none;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0003}.modal-close:hover{background:#fc1b1b;color:#fff;text-shadow:1px 1px 0px #000000}.modal-body{padding:20px;color:#333;line-height:1.3;overflow-y:auto;max-height:calc(80vh - 60px)}.modal-body p{margin:0 0 20px}.modal-body ul{margin:12px 0;padding-left:20px}.modal-body li{margin:4px 0}.about-divider{height:1px;background:repeating-linear-gradient(to right,#ccc 0px,#ccc 8px,transparent 8px,transparent 16px);margin:20px 0;border:none}.about-description{font-size:16px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;color:#333;line-height:1.1}.about-disclaimers{font-size:14px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;color:#5953f1;line-height:1.1}.about-colophon{font-size:16px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;color:#333;line-height:1.2}.about-timeline{font-size:8px;font-family:Arial,sans-serif;color:#8a8a8a;line-height:1;text-align:left}.about-section a{color:#5953f1;text-decoration:underline;text-decoration-color:#5953f1;text-underline-offset:2px}.about-section a:hover{color:#333;text-decoration-color:#333}@media (max-width: 900px){.about-description{font-size:14px}.about-disclaimers{font-size:12px}.about-colophon{font-size:14px}}