:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;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}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.qs-app{min-height:100vh;display:flex;flex-direction:column;background:var(--qs-ground)}.qs-header{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:72px;padding:0 24px;background:var(--qs-slate-deep);border-bottom:2px solid var(--qs-slate-bar);box-shadow:0 2px 0 var(--qs-outline)}.qs-brand{display:flex;align-items:center;gap:10px;margin-right:6px;color:var(--qs-text);text-decoration:none}.qs-brand img{display:block}.qs-brand__name{font-family:var(--qs-font-pixel);font-size:24px;font-weight:600;text-shadow:2px 2px 0 #1a1a1a}.qs-nav{display:flex;align-self:stretch}.qs-navtab{appearance:none;display:inline-flex;align-items:center;box-sizing:border-box;height:100%;min-height:72px;padding:4px 16px 0;border:0;border-bottom:4px solid transparent;background:transparent;color:#c4c8ce;font-family:var(--qs-font-pixel);font-size:18px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer}.qs-navtab:hover{background:#444549;color:var(--qs-text)}.qs-navtab.is-on{background:var(--qs-slate);border-bottom-color:var(--qs-slate-bar);color:var(--qs-text)}.qs-header__search{flex:1 1 260px;max-width:460px;margin-left:auto}.qs-header__end{display:flex;align-items:center;gap:8px}.qs-modstatus{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:2px solid var(--qs-outline);background:#1f5a2a99;box-shadow:inset 0 0 0 2px var(--qs-upload);font-family:var(--qs-font-pixel);font-size:15px;white-space:nowrap}.qs-modstatus i{width:8px;height:8px;background:#5f5;box-shadow:0 0 8px #5f5}.qs-user{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.2;padding:0 4px}.qs-user__name{font-family:var(--qs-font-pixel);font-size:17px}.qs-user__role{font-size:12px;color:#b8c4d4;text-transform:capitalize}.qs-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;max-width:3200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.qs-main{min-width:0;padding:22px 0 40px;box-sizing:border-box}.qs-ad-rail{display:none;padding-top:22px}.qs-ad-slot{position:sticky;top:96px;width:100%;height:600px}.qs-ad-slot--preview{border:2px dashed var(--qs-border-disabled);background:#ffffff05}.qs-ad-slot--preview:after{content:"Ad";display:block;padding:10px;color:var(--qs-text-disabled);font-family:var(--qs-font-pixel);font-size:14px;text-align:center}@media(min-width:1600px){.qs-body{grid-template-columns:160px minmax(0,1fr) 160px}.qs-ad-rail{display:block}}@media(min-width:2200px){.qs-body{grid-template-columns:300px minmax(0,1fr) 300px}}.qs-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:14px}.qs-toolbar__count{margin:4px 0 0;font-size:14px;color:var(--qs-text-3)}.qs-toolbar__title{margin:0;font-family:var(--qs-font-pixel);font-size:30px;font-weight:600;line-height:1.1;text-shadow:3px 3px 0 #0a0a0a;white-space:nowrap}.qs-toolbar__end{display:flex;align-items:center;gap:6px;margin-left:auto}.qs-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:330px;max-width:100%;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border),0 18px 40px #0009}.qs-popover__body{display:flex;flex-direction:column;gap:14px;padding:14px 16px 18px}.qs-setting{display:flex;align-items:center;justify-content:space-between;gap:14px}.qs-setting--stack{flex-direction:column;align-items:stretch;gap:8px}.qs-setting__label{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--qs-text);cursor:pointer}.qs-setting--stack .qs-setting__label{color:var(--qs-text-3);cursor:default}.qs-setting__hint{font-size:12px;color:var(--qs-text-3)}.qs-segmented{display:flex;gap:4px}.qs-segmented .qs-btn{flex:1}.qs-linkbtn{appearance:none;padding:0;border:0;background:none;color:#9dbbff;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.qs-linkbtn:hover{color:#c7d8ff}.qs-notice{margin-bottom:16px;padding:10px 14px;border:2px solid var(--qs-outline);font-size:14px}.qs-notice--error{background:#7a202073;box-shadow:inset 0 0 0 2px var(--qs-red);color:#ffc0c0}.qs-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 16px;color:var(--qs-text-2)}.qs-state__title{margin:0;font-family:var(--qs-font-pixel);font-size:22px;color:var(--qs-text)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;width:100%}.qs-card{position:relative;display:flex;flex-direction:column;padding:2px 2px 6px;background:var(--qs-face);border:2px solid var(--qs-outline);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border)}.qs-card.is-hot,.qs-card:focus-within{background:var(--qs-face-hover);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-blue-light),inset 0 0 0 2px var(--qs-blue-light),0 0 0 2px #4080ff59,0 0 24px #4080ff73}.qs-card__stage{position:relative;height:var(--qs-stage-h, 360px);overflow:hidden;background:#232427}.qs-card.is-hot .qs-card__stage,.qs-card:focus-within .qs-card__stage{background:#28292c}.qs-card__view{position:absolute;inset:0}.qs-card__image{position:absolute;inset:12px 0 0;width:100%;height:calc(100% - 12px);object-fit:contain}.qs-card__open{position:absolute;inset:0;z-index:2;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.qs-card__open:focus-visible{outline-offset:-4px}.qs-card__corner{position:absolute;top:8px;z-index:3;display:flex;flex-direction:column;gap:6px;visibility:hidden}.qs-card__corner--left{left:8px}.qs-card__corner--right{right:8px}.qs-card__actions{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;gap:6px;visibility:hidden}.qs-card.is-hot .qs-card__corner,.qs-card.is-hot .qs-card__actions,.qs-card:focus-within .qs-card__corner,.qs-card:focus-within .qs-card__actions{visibility:visible}.qs-card__main{flex:1;min-width:0}.qs-mini{appearance:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:2px solid var(--qs-outline);background:#181820db;box-shadow:inset 0 0 0 2px var(--qs-border-disabled);color:#e0e0e0;cursor:pointer}.qs-mini:hover{background:var(--qs-face-hover);box-shadow:inset 0 0 0 2px var(--qs-border-hover);color:var(--qs-text)}.qs-mini svg{width:18px;height:18px;stroke-width:2.2}.qs-mini--danger:hover{background:#a83232;box-shadow:inset 0 0 0 2px #e06a6a}.qs-card__info{padding:10px 12px;cursor:pointer}.qs-card__name{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--qs-hairline);overflow:hidden;font-family:var(--qs-font-pixel);font-size:18px;font-weight:500;line-height:1.2;text-overflow:ellipsis;text-shadow:2px 2px 0 #1c1c1c;white-space:nowrap}.qs-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#b8b8b8}.qs-card__downloads{display:inline-flex;align-items:center;gap:4px}.qs-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px}.qs-pages .qs-btn--icon{min-width:40px;width:auto;padding-left:8px;padding-right:8px}.qs-pages__gap{padding:0 4px;color:var(--qs-text-3);font-family:var(--qs-font-pixel)}.qs-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 24px;background:var(--qs-outline);border-top:2px solid var(--qs-face);font-size:13px;color:var(--qs-text-3)}.qs-footer__name{font-family:var(--qs-font-pixel);font-size:17px;color:var(--qs-text)}.qs-footer__spacer{flex:1}.qs-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080809c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:qs-fade-in .15s ease-out}.qs-modal.is-closing{animation:qs-fade-out .2s ease-in forwards}.qs-modal__dialog{width:100%;max-width:1120px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border),0 24px 60px #0009;animation:qs-pop-in .18s steps(4)}.qs-modal.is-closing .qs-modal__dialog{animation:qs-pop-out .2s steps(4) forwards}.qs-modal__dialog .qs-panel__head{position:sticky;top:0;z-index:1}.qs-modal__dialog .qs-panel__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px}.qs-modal__body{display:flex;flex-wrap:wrap;gap:24px;padding:20px}.qs-modal__stage{flex:3 1 360px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:min(620px,calc(100vh - 160px));border:2px solid var(--qs-outline);background:radial-gradient(ellipse at 50% 80%,#4080ff47,#0000 60%),#1b1c1e;box-shadow:inset 0 0 0 2px var(--qs-face)}.qs-modal__canvas{width:100%!important;height:min(580px,calc(100vh - 200px))!important;cursor:grab}.qs-modal__canvas:active{cursor:grabbing}.qs-modal__image{width:100%;height:min(580px,calc(100vh - 200px));object-fit:contain}.qs-modal__hint{margin:0 0 10px;font-size:12px;color:var(--qs-text-3)}.qs-modal__info{flex:2 1 300px;display:flex;flex-direction:column;gap:18px;min-width:0}.qs-modal__tags{display:flex;flex-wrap:wrap;gap:6px}.qs-modal__tags .qs-chip{height:32px;font-size:13px}.qs-modal__description{margin:0;font-size:15px;line-height:1.55;color:var(--qs-text-2)}.qs-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0;padding:14px 16px;border:2px solid var(--qs-outline);background:var(--qs-well);box-shadow:inset 0 0 0 2px var(--qs-border-disabled);font-size:14px}.qs-facts dt{color:var(--qs-text-3)}.qs-facts dd{margin:0;color:var(--qs-text)}.qs-modal__actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.qs-modal__actions>.qs-btn--lg{width:100%}.qs-modal__note{margin:0;font-size:13px;line-height:1.5;color:var(--qs-text-3)}.qs-modal__note a{color:#9dbbff}.qs-modal__row{display:flex;gap:8px}.qs-modal__row .qs-btn:not(.qs-btn--icon){flex:1}@keyframes qs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qs-fade-out{0%{opacity:1}to{opacity:0}}@keyframes qs-pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes qs-pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:0}}.stats-fps,.stats-ms,.stats-mb{position:fixed!important;top:84px!important;z-index:9999!important}.stats-fps{left:10px!important}.stats-ms{left:90px!important}.stats-mb{left:170px!important}@media(max-width:900px){.qs-header{padding:8px 16px}.qs-nav{order:3;width:100%;overflow-x:auto}.qs-navtab{min-height:48px}.qs-header__search{order:4;max-width:none;flex-basis:100%}.qs-header__end{margin-left:auto}.qs-body{padding:0 16px}.qs-main{padding:18px 0 32px}.qs-toolbar__end{margin-left:0}.qs-popover{left:0;right:auto}}@media(max-width:560px){.qs-card__stage{height:min(var(--qs-stage-h, 360px),72vw)}.qs-user,.qs-modstatus{display:none}}@media(prefers-reduced-motion:reduce){.qs-modal,.qs-modal__dialog,.qs-modal.is-closing,.qs-modal.is-closing .qs-modal__dialog{animation:none}}.glass-card{position:relative;border-radius:var(--glass-border-radius, var(--radius-2xl));border:var(--glass-border, 1px solid var(--white-15));backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-saturation, 180%));-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-saturation, 180%));transform:translateZ(0)}.glass-overlay{position:fixed;inset:0;background:rgba(0,0,0,var(--overlay-bg-opacity, .75));backdrop-filter:blur(var(--overlay-blur, 8px));-webkit-backdrop-filter:blur(var(--overlay-blur, 8px));display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay, 2000);transform:translateZ(0)}@supports not (backdrop-filter: blur(10px)){.glass-card{background:#121212fa!important}.glass-overlay{background:#000000d9}}.auth-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast) ease;transform:translateZ(0);will-change:opacity}.auth-modal-overlay.visible{opacity:1;visibility:visible}.auth-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:440px;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);transform:translateY(30px) translateZ(0);opacity:0;transition:transform var(--transition-base) ease-out,opacity var(--transition-base) ease-out;will-change:transform,opacity}.auth-modal-overlay.visible .auth-modal-content{transform:translateY(0) translateZ(0);opacity:1}.auth-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.auth-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.auth-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.auth-form{display:flex;flex-direction:column;gap:var(--space-10)}.auth-form-group{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-group label{color:var(--white-90);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em}.auth-form-group input,.auth-form-group select{background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);color:var(--white);font-size:var(--text-sm);transition:all var(--transition-fast) ease;outline:none}.auth-form-group input:focus,.auth-form-group select:focus{background:var(--white-8);border-color:var(--white-25);box-shadow:0 0 0 3px var(--white-5)}.auth-form-group input:disabled,.auth-form-group select:disabled{opacity:.5;cursor:not-allowed}.auth-form-group input::placeholder{color:#fff6}.auth-form-group select{cursor:pointer}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center}.auth-submit-btn{background:var(--white-8);border:1.5px solid var(--white-20);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-12);color:var(--white);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);margin-top:var(--space-4);position:relative;overflow:hidden;transform:translateZ(0)}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-10),transparent);transition:left var(--transition-slow)}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){background:var(--white-12);border-color:var(--white-30, rgba(255, 255, 255, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--white-5);border-color:var(--white-10)}.auth-switch{margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--white-10);text-align:center}.auth-switch p{color:var(--white-70);font-size:var(--text-sm);margin:0}.auth-switch-btn{background:none;border:none;color:var(--success);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) ease;padding:0;font-size:inherit;text-decoration:none}.auth-switch-btn:hover{color:var(--success-dark);text-decoration:underline}.upload-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast) ease;transform:translateZ(0);will-change:opacity}.upload-modal-overlay.visible{opacity:1;visibility:visible}.upload-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);transform:translateY(30px) translateZ(0);opacity:0;transition:transform var(--transition-base) ease-out,opacity var(--transition-base) ease-out;will-change:transform,opacity}.upload-modal-overlay.visible .upload-modal-content{transform:translateY(0) translateZ(0);opacity:1}.upload-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.upload-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.upload-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.upload-form-wrapper{display:flex;flex-direction:column;gap:var(--space-16)}.upload-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:start}.upload-preview-dropzone{position:relative}.upload-dropzone-label{cursor:pointer;display:block;width:100%}.upload-file-input{display:none}.upload-3d-dropzone{width:100%;height:450px;background:var(--black-20);border:2px dashed var(--white-20);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-fast) ease}.upload-3d-dropzone:hover{border-color:var(--white-30);background:var(--black-25)}.upload-3d-dropzone.dragging{border-color:var(--success);border-style:solid;background:var(--success-bg);transform:scale(1.02)}.upload-drag-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);background:#00ff6426;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--success);border-radius:var(--radius-xl);z-index:2;pointer-events:none}.drag-icon{font-size:56px;line-height:1;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drag-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--success)}.upload-form-column{display:flex;flex-direction:column;gap:var(--space-12)}.upload-file-status{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-12);background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-lg);animation:fadeIn var(--transition-base) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-icon{font-size:32px;line-height:1}.status-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.status-filename{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--white-95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-hint{font-size:var(--text-xs);color:var(--white-60)}.skin-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--black-20);border:1px solid var(--white-10);border-radius:var(--radius-lg)}.skin-preview img{width:128px;height:128px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:1px solid var(--white-20);border-radius:var(--radius-sm)}.preview-label{color:var(--white-50);font-size:var(--text-xs);margin:0;text-transform:uppercase;letter-spacing:.05em}.upload-form-group{display:flex;flex-direction:column;gap:var(--space-4)}.upload-form-group label{color:var(--white-90);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em}.upload-form-group input,.upload-form-group textarea,.upload-form-group select{background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);color:var(--white);font-size:var(--text-sm);transition:all var(--transition-fast) ease;outline:none;font-family:inherit}.upload-form-group textarea{resize:vertical;min-height:80px}.upload-form-group input:focus,.upload-form-group textarea:focus,.upload-form-group select:focus{background:var(--white-8);border-color:var(--white-25);box-shadow:0 0 0 3px var(--white-5)}.upload-form-group input:disabled,.upload-form-group textarea:disabled,.upload-form-group select:disabled{opacity:.5;cursor:not-allowed}.upload-form-group input::placeholder,.upload-form-group textarea::placeholder{color:#fff6}.upload-form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-8) center;padding-right:var(--space-20)}.upload-form-group select option{background:var(--black-80);color:var(--white);padding:var(--space-6) var(--space-8)}.upload-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.toggle-advanced-btn{background:var(--white-5);border:1px solid var(--white-12);color:var(--white-70);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-6) var(--space-12);border-radius:var(--radius-lg);transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:inherit;white-space:nowrap;width:100%}.toggle-advanced-btn:hover:not(:disabled){background:var(--white-8);border-color:var(--white-20);color:var(--white-90)}.toggle-advanced-btn:disabled{opacity:.5;cursor:not-allowed}.upload-advanced-section{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-10);background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);animation:slideDown var(--transition-base) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.upload-checkboxes-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.upload-form-checkbox{display:flex;align-items:center;min-width:0}.upload-form-checkbox label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;color:var(--white-90);font-size:var(--text-sm);min-width:0;width:100%}.upload-form-checkbox label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.upload-form-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--success);flex-shrink:0}.upload-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center}.upload-progress{position:relative;width:100%;height:36px;background:var(--black-30);border:1px solid var(--white-10);border-radius:var(--radius-lg);overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--success),var(--success-dark));transition:width var(--transition-base) ease;border-radius:var(--radius-lg)}.upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-weight:var(--font-semibold);font-size:var(--text-sm);text-shadow:0 1px 3px var(--black-50)}.upload-submit-btn{background:var(--white-8);border:1.5px solid var(--white-20);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-12);color:var(--white);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);position:relative;overflow:hidden;transform:translateZ(0)}.upload-submit-btn-full{width:100%;padding:var(--space-10) var(--space-12);font-size:var(--text-lg);margin-top:var(--space-8)}.upload-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-10),transparent);transition:left var(--transition-slow)}.upload-submit-btn:hover:not(:disabled):before{left:100%}.upload-submit-btn:hover:not(:disabled){background:var(--white-12);border-color:var(--white-25);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.upload-submit-btn:active:not(:disabled){transform:translateY(0)}.upload-submit-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--white-5);border-color:var(--white-10)}.loading-text{color:var(--white-50);font-size:var(--text-xs);font-weight:var(--font-normal);font-style:italic;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recent-tags-container{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--white-8);animation:fadeIn var(--transition-base) ease}.recent-tags-label{color:var(--white-60);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.recent-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-4)}.recent-tag-chip{background:var(--white-8);border:1px solid var(--white-15);color:var(--white-85);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;font-family:inherit;white-space:nowrap}.recent-tag-chip:hover:not(:disabled){background:var(--white-12);border-color:var(--white-25);color:var(--white);transform:translateY(-1px)}.recent-tag-chip:active:not(:disabled){transform:translateY(0)}.recent-tag-chip:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.upload-two-column-layout{grid-template-columns:1fr;gap:var(--space-16)}.upload-3d-dropzone{height:350px}}@media(max-width:600px){.upload-modal-content{padding:var(--space-16);width:95%}.upload-3d-dropzone{height:280px}.upload-form-row{grid-template-columns:1fr}.upload-checkboxes-row{grid-template-columns:1fr;gap:var(--space-8)}}.edit-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast) ease;transform:translateZ(0);will-change:opacity}.edit-modal-overlay.visible{opacity:1;visibility:visible}.edit-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);transform:translateY(30px) translateZ(0);opacity:0;transition:transform var(--transition-base) ease-out,opacity var(--transition-base) ease-out;will-change:transform,opacity}.edit-modal-overlay.visible .edit-modal-content{transform:translateY(0) translateZ(0);opacity:1}.edit-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.edit-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.edit-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.edit-form-wrapper{display:flex;flex-direction:column;gap:var(--space-16)}.edit-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:start}.edit-preview-container{position:relative}.edit-3d-preview{width:100%;height:450px;background:var(--black-20);border:2px solid var(--white-20);border-radius:var(--radius-xl);overflow:hidden;position:relative}.edit-form-column{display:flex;flex-direction:column;gap:var(--space-12)}.edit-form-group{display:flex;flex-direction:column;gap:var(--space-4)}.edit-form-group label{color:var(--white-90);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em}.edit-form-group input,.edit-form-group textarea,.edit-form-group select{background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);color:var(--white);font-size:var(--text-sm);transition:all var(--transition-fast) ease;outline:none;font-family:inherit}.edit-form-group textarea{resize:vertical;min-height:80px}.edit-form-group input:focus,.edit-form-group textarea:focus,.edit-form-group select:focus{background:var(--white-8);border-color:var(--white-25);box-shadow:0 0 0 3px var(--white-5)}.edit-form-group input:disabled,.edit-form-group textarea:disabled,.edit-form-group select:disabled{opacity:.5;cursor:not-allowed}.edit-form-group input::placeholder,.edit-form-group textarea::placeholder{color:#fff6}.edit-form-group select{cursor:pointer}.edit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.edit-form-checkbox{display:flex;align-items:center;min-width:0}.edit-form-checkbox label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;color:var(--white-90);font-size:var(--text-sm);min-width:0;width:100%}.edit-form-checkbox label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.edit-form-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--success);flex-shrink:0}.edit-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center}.edit-actions{display:flex;gap:var(--space-10);justify-content:flex-end;margin-top:var(--space-8)}.edit-cancel-btn,.edit-submit-btn{border-radius:var(--radius-lg);padding:var(--space-7) var(--space-16);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);position:relative;overflow:hidden;transform:translateZ(0);font-family:inherit}.edit-cancel-btn{background:var(--white-5);border:1.5px solid var(--white-15);color:var(--white-70)}.edit-cancel-btn:hover:not(:disabled){background:var(--white-8);border-color:var(--white-20);color:var(--white-90)}.edit-submit-btn{background:var(--white-8);border:1.5px solid var(--white-20);color:var(--white)}.edit-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-10),transparent);transition:left var(--transition-slow)}.edit-submit-btn:hover:not(:disabled):before{left:100%}.edit-submit-btn:hover:not(:disabled){background:var(--white-12);border-color:var(--white-25);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.edit-submit-btn:active:not(:disabled){transform:translateY(0)}.edit-submit-btn:disabled,.edit-cancel-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.edit-two-column-layout{grid-template-columns:1fr;gap:var(--space-16)}.edit-3d-preview{height:350px}}.edit-core-tags-selector{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.edit-core-tag-btn{background:var(--white-5);border:1.5px solid var(--white-15);border-radius:var(--radius-md);padding:var(--space-4) var(--space-10);color:var(--white-70);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast) ease;font-family:inherit}.edit-core-tag-btn:hover:not(:disabled){background:var(--white-8);border-color:var(--white-25);color:var(--white-90);transform:translateY(-1px)}.edit-core-tag-btn.active{background:var(--success-bg);border-color:var(--success);color:var(--success);font-weight:var(--font-semibold)}.edit-core-tag-btn.active:hover:not(:disabled){background:var(--success-bg-hover);border-color:var(--success-hover);color:var(--success-hover)}.edit-core-tag-btn:disabled{opacity:.4;cursor:not-allowed}.edit-selected-core-tags{margin-top:var(--space-4);padding:var(--space-4) var(--space-8);background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-md);color:var(--white-80);font-size:var(--text-xs);font-weight:var(--font-medium)}@media(max-width:600px){.edit-modal-content{padding:var(--space-16);width:95%}.edit-3d-preview{height:280px}.edit-form-row{grid-template-columns:1fr}.edit-actions{flex-direction:column-reverse}.edit-cancel-btn,.edit-submit-btn{width:100%}}.random-skin-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast) ease;transform:translateZ(0);will-change:opacity}.random-skin-modal-overlay.visible{opacity:1;visibility:visible}.random-skin-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:500px;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);transform:translateY(30px) translateZ(0);opacity:0;transition:transform var(--transition-base) ease-out,opacity var(--transition-base) ease-out;will-change:transform,opacity}.random-skin-modal-overlay.visible .random-skin-modal-content{transform:translateY(0) translateZ(0);opacity:1}.random-skin-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.random-skin-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.random-skin-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.random-skin-viewer{width:100%;height:350px;background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-xl);margin-bottom:var(--space-12);overflow:hidden;position:relative}.random-skin-canvas-container{width:100%;height:300px;background:linear-gradient(135deg,var(--white-5) 0%,var(--white-8) 100%)}.random-skin-info{padding:var(--space-8) var(--space-10);background:var(--white-8);border-top:1px solid var(--white-10)}.random-skin-username{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-2) 0;text-align:center}.random-skin-model{font-size:var(--text-sm);color:var(--white-60);margin:0;text-align:center}.random-skin-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);color:var(--white-50)}.random-skin-placeholder-icon{width:80px;height:80px;opacity:.3}.random-skin-placeholder p{font-size:var(--text-base);margin:0;text-align:center;padding:0 var(--space-12)}.random-skin-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-12)}.random-skin-dice-btn{width:100%;background:var(--white-8);border:1.5px solid var(--white-20);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-12);color:var(--white);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);position:relative;overflow:hidden;transform:translateZ(0);display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.random-skin-dice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-10),transparent);transition:left var(--transition-slow)}.random-skin-dice-btn:hover:not(:disabled):before{left:100%}.random-skin-dice-btn:hover:not(:disabled){background:var(--white-12);border-color:var(--white-30, rgba(255, 255, 255, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.random-skin-dice-btn:active:not(:disabled){transform:translateY(0)}.random-skin-dice-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--white-5);border-color:var(--white-10)}.dice-icon{width:24px;height:24px;animation:none}.random-skin-dice-btn:not(:disabled):hover .dice-icon{animation:dice-roll .5s ease-in-out}@keyframes dice-roll{0%,to{transform:rotate(0)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.1)}}.collection-card{position:relative;display:flex;flex-direction:column;padding:2px 2px 6px;background:var(--qs-face);border:2px solid var(--qs-outline);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border);cursor:pointer}.collection-card:hover{background:var(--qs-face-hover);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-blue-light),inset 0 0 0 2px var(--qs-blue-light),0 0 0 2px #4080ff59,0 0 24px #4080ff73}.collection-image-container{position:relative;width:100%;height:200px;background:#232427;display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-cover-image{max-width:100%;max-height:100%;object-fit:contain}.collection-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--qs-border)}.folder-icon{width:64px;height:64px}.collection-overlay{position:absolute;bottom:8px;left:50%;translate:-50% 0;padding:4px 10px;border:2px solid var(--qs-outline);background:#181820db;box-shadow:inset 0 0 0 2px var(--qs-border-disabled);opacity:0}.collection-overlay.visible{opacity:1}.collection-skin-count{color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:15px;white-space:nowrap}.collection-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.collection-info h3{margin:0;padding-bottom:8px;border-bottom:1px solid var(--qs-hairline);font-family:var(--qs-font-pixel);font-size:18px;font-weight:500;text-shadow:2px 2px 0 #1c1c1c;color:var(--qs-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-author{font-size:13px;color:#b8b8b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-edit-btn{position:absolute;top:8px;left:8px;width:34px;height:34px;padding:0;border:2px solid var(--qs-outline);background:#181820db;box-shadow:inset 0 0 0 2px var(--qs-border-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;z-index:10}.collection-edit-btn.visible{opacity:1;pointer-events:auto}.collection-edit-btn:hover:not(:disabled){background:var(--qs-face-hover);box-shadow:inset 0 0 0 2px var(--qs-border-hover)}.collection-edit-btn .edit-icon{width:18px;height:18px;color:#e0e0e0}.collection-download-btn{position:absolute;top:8px;right:8px;width:34px;height:34px;padding:0;border:2px solid var(--qs-outline);background:#181820db;box-shadow:inset 0 0 0 2px var(--qs-border-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;z-index:10}.collection-download-btn.visible{opacity:1;pointer-events:auto}.collection-download-btn:hover:not(:disabled){background:var(--qs-face-hover);box-shadow:inset 0 0 0 2px var(--qs-border-hover)}.collection-download-btn:disabled{opacity:.5;cursor:not-allowed}.collection-download-btn .download-icon{width:18px;height:18px;color:#e0e0e0}.collection-download-btn .spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.collections-gallery{width:100%}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;width:100%}.collections-loading,.collections-error,.collections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ffffffb3}.collections-loading .spinner{width:40px;height:40px;border:4px solid var(--qs-border-disabled);border-top-color:var(--qs-text);animation:spin 1s steps(8) infinite;margin-bottom:16px}.collections-error p{color:#ff6b6b;margin-bottom:16px}.retry-button{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#fff3}@media(max-width:768px){.collections-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.collection-details{width:100%}.collection-header{margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 4px;border:2px solid var(--qs-outline);background:var(--qs-face);box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border);color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:15px;text-shadow:2px 2px 0 #1c1c1c;cursor:pointer;margin-bottom:20px}.back-button:hover{background:var(--qs-face-hover);box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border-hover),inset 0 0 0 2px var(--qs-border-hover)}.back-icon{width:16px;height:16px}.collection-title-section h1{margin:0 0 10px;font-family:var(--qs-font-pixel);font-size:30px;font-weight:600;text-shadow:3px 3px 0 #0a0a0a;color:var(--qs-text)}.collection-meta{display:flex;align-items:center;gap:8px;color:var(--qs-text-3);font-size:14px;margin-bottom:12px}.collection-meta .separator{color:#ffffff4d}.collection-description{color:var(--qs-text-2);font-size:15px;line-height:1.6;max-width:800px}.collection-skins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%}.collection-skin-card{background:#2a2a2ecc;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.collection-skin-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.collection-skin-card .skin-image{width:100%;height:160px;background:#1e1e2099;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.collection-skin-card .skin-thumbnail{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.collection-skin-card .skin-info{padding:12px}.collection-skin-card .skin-info h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-skin-card .skin-author{font-size:.8rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-details-loading,.collection-details-error,.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ffffffb3}.collection-details-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.collection-details-error p{color:#ff6b6b;margin-bottom:16px}.remove-skin-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ef4444e6;border:1px solid rgba(239,68,68,1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;pointer-events:none;z-index:10}.collection-skin-card:hover .remove-skin-btn{opacity:1;pointer-events:auto}.remove-skin-btn:hover:not(:disabled){background:#ef4444;transform:scale(1.1)}.remove-skin-btn:disabled{opacity:.6;cursor:not-allowed}.remove-icon{width:18px;height:18px;color:#fff}.spinner-tiny{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.collection-details{padding:16px}.collection-title-section h1{font-size:1.5rem}.collection-skins-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.remove-skin-btn{opacity:1;pointer-events:auto}}.create-collection-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);transform:translateZ(0);will-change:opacity}.create-collection-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:440px;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);max-height:90vh;overflow-y:auto}.create-collection-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.create-collection-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.create-collection-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.create-collection-form{display:flex;flex-direction:column;gap:var(--space-10)}.char-count{text-align:right;font-size:var(--text-xs);color:var(--white-50)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group span{color:var(--white-90);font-weight:var(--font-medium)}.form-hint{margin:var(--space-2) 0 0 0;font-size:var(--text-xs);color:var(--white-50)}.form-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center}.form-actions{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.btn-primary,.btn-secondary{padding:var(--space-7) var(--space-12);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);flex:1}.btn-primary{background:var(--white-8);border:1.5px solid var(--white-20);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--white-12);border-color:var(--white-30, rgba(255, 255, 255, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;background:var(--white-5);border-color:var(--white-10)}.btn-secondary{background:transparent;border:1.5px solid var(--white-15);color:var(--white-70)}.btn-secondary:hover:not(:disabled){background:var(--white-5);border-color:var(--white-20);color:var(--white)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.add-to-collection-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);transform:translateZ(0);will-change:opacity}.add-to-collection-modal-content{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:var(--space-20);width:90%;max-width:440px;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);max-height:80vh;overflow-y:auto}.add-to-collection-modal-close{position:absolute;top:var(--space-8);right:var(--space-8);background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);font-size:var(--text-2xl);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.add-to-collection-modal-close:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.add-to-collection-modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-16) 0;text-align:center;letter-spacing:-.02em}.success-message{background:var(--success-bg-light);border:1px solid var(--success-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--success);font-size:var(--text-sm);margin-bottom:var(--space-10);text-align:center}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-10);text-align:center}.collections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);color:var(--white-70)}.spinner{width:40px;height:40px;border:3px solid var(--white-20);border-top-color:var(--white);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-10)}.spinner-small{width:20px;height:20px;border:2px solid var(--white-20);border-top-color:var(--white);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-new-collection-btn{width:100%;padding:var(--space-8);background:var(--white-5);border:2px dashed var(--white-20);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12)}.create-new-collection-btn:hover{background:var(--white-8);border-color:var(--white-30, rgba(255, 255, 255, .3));transform:translateY(-1px)}.plus-icon{width:20px;height:20px}.no-collections{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center;color:var(--white-70)}.no-collections .folder-icon{width:48px;height:48px;color:var(--white-25);margin-bottom:var(--space-10)}.no-collections p{margin:0 0 var(--space-4) 0;font-size:var(--text-base)}.no-collections .hint{color:var(--white-50);font-size:var(--text-sm)}.collections-list{display:flex;flex-direction:column;gap:var(--space-4)}.collections-list h3{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--white-60);text-transform:uppercase;letter-spacing:.05em}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8);background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) ease}.collection-item:hover{background:var(--white-8);border-color:var(--white-20);transform:translate(4px)}.collection-item-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.collection-item-name{color:var(--white);font-weight:var(--font-semibold);font-size:var(--text-base)}.collection-item-count{color:var(--white-50);font-size:var(--text-xs)}.add-icon{width:32px;height:32px;background:var(--white-10);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--white);font-weight:300}.edit-collection-modal{background:var(--modal-bg);padding:var(--space-20);width:90%;max-width:600px;position:relative;box-shadow:var(--modal-shadow);max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16)}.modal-header h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);margin:0;letter-spacing:-.02em}.close-btn{background:var(--white-8);border:1px solid var(--white-12);color:var(--white-60);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.close-btn:hover{background:var(--white-15);color:var(--white);border-color:var(--white-20)}.close-icon{width:20px;height:20px}.modal-form{display:flex;flex-direction:column;gap:var(--space-10)}.form-group{display:flex;flex-direction:column;gap:var(--space-4)}.form-group label{color:var(--white-90);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em}.form-group input[type=text],.form-group textarea{background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);color:var(--white);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast) ease;outline:none}.form-group input[type=text]:focus,.form-group textarea:focus{background:var(--white-8);border-color:var(--white-25);box-shadow:0 0 0 3px var(--white-5)}.form-group textarea{resize:vertical;min-height:80px}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.checkbox-label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{color:var(--white-90);font-weight:var(--font-medium)}.form-help-text{margin:0;font-size:var(--text-xs);color:var(--white-50)}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--error);font-size:var(--text-sm);text-align:center}.skins-loading,.no-skins-message{text-align:center;color:var(--white-50);padding:var(--space-8);font-size:var(--text-sm)}.upload-section{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-7) var(--space-12);background:var(--white-8);border:1.5px solid var(--white-20);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) ease;align-self:flex-start}.upload-btn:hover{background:var(--white-12);border-color:var(--white-30);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.uploaded-preview{position:relative;width:200px;height:200px;border:2px solid rgba(59,130,246,.8);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 3px #3b82f633}.uploaded-preview img{width:100%;height:100%;object-fit:cover}.remove-upload-btn{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);background:#ef4444e6;border:1px solid rgba(239,68,68,1);border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) ease}.remove-upload-btn:hover{background:#ef4444;transform:translate(-50%) scale(1.05)}.cover-skins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-6);margin-top:var(--space-4)}.cover-skin-option{aspect-ratio:1;border:2px solid var(--white-10);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast) ease;position:relative;background:var(--white-5)}.cover-skin-option:hover{border-color:var(--white-25);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.cover-skin-option.selected{border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f633}.cover-skin-option img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.cover-skin-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--white-40);font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center;padding:var(--space-4)}.cover-skin-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:.65rem;padding:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity var(--transition-fast) ease}.cover-skin-option:hover .cover-skin-name{opacity:1}.modal-actions{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.cancel-btn,.submit-btn{padding:var(--space-7) var(--space-12);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-smooth);flex:1}.submit-btn{background:var(--white-8);border:1.5px solid var(--white-20);color:var(--white)}.submit-btn:hover:not(:disabled){background:var(--white-12);border-color:var(--white-30, rgba(255, 255, 255, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--white-5);border-color:var(--white-10)}.cancel-btn{background:transparent;border:1.5px solid var(--white-15);color:var(--white-70)}.cancel-btn:hover:not(:disabled){background:var(--white-5);border-color:var(--white-20);color:var(--white)}.cancel-btn:disabled{opacity:.4;cursor:not-allowed}.qs-face{display:inline-block;flex:none;box-sizing:content-box;border:2px solid var(--qs-outline);background:#333}.qs-face img{display:block;width:100%;height:100%;image-rendering:pixelated}.qs-series{position:relative;margin-bottom:12px}.qs-series__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 8px}.qs-series__track::-webkit-scrollbar{display:none}.qs-series__arrow{position:absolute;top:50%;z-index:4;translate:0 -50%;margin-top:-2px;box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border),0 0 18px 10px var(--qs-ground)}.qs-series__arrow--left{left:-6px}.qs-series__arrow--right{right:-6px}.qs-series__tile{appearance:none;display:flex;align-items:center;gap:12px;flex:none;min-width:200px;height:64px;padding:2px 16px 6px 2px;border:2px solid var(--qs-outline);background:var(--qs-face);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border);color:var(--qs-text);text-align:left;cursor:pointer;scroll-snap-align:start}.qs-series__tile:hover{background:var(--qs-face-hover);box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border-hover),inset 0 0 0 2px var(--qs-border-hover)}.qs-series__tile:active{padding-top:4px;padding-bottom:4px;box-shadow:inset 0 -2px 0 var(--qs-lip),inset 0 -4px 0 var(--qs-border-hover),inset 0 0 0 2px var(--qs-border-hover)}.qs-series__tile.is-core{box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px #e0a830,inset 0 0 0 2px #e0a830}.qs-series__tile.is-on{background:#3e4352;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-blue-light),inset 0 0 0 2px var(--qs-blue-light),0 0 0 2px #4080ff59,0 0 18px #4080ff73}.qs-series__art{display:flex;align-items:center;align-self:stretch;padding:0 10px 0 12px;background:linear-gradient(90deg,#8d8e9347,#8d8e9300)}.qs-series__art .qs-face+.qs-face{margin-left:-12px}.qs-series__art--all{justify-content:center;min-width:46px;color:#e0e0e0}.qs-series__tile.is-on .qs-series__art{background:linear-gradient(90deg,#6fa0ff8c,#6fa0ff00)}.qs-series__tile.is-core .qs-series__art{background:linear-gradient(90deg,#ffc23a4d,#ffc23a00)}.qs-series__text{display:flex;flex-direction:column;gap:3px;min-width:0}.qs-series__name{font-family:var(--qs-font-pixel);font-size:17px;font-weight:500;line-height:1.1;text-shadow:2px 2px 0 #1c1c1c;white-space:nowrap}.qs-series__count{font-size:12px;color:#b8b8b8}.qs-refine{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:14px}.qs-refine__group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.qs-refine .qs-linkbtn{font-size:13px}.qs-refine__label{margin-right:4px;font-size:13px;color:var(--qs-text-3)}.qs-refine__active,.qs-refine__chip{height:36px;padding:0 12px 4px;font-size:13px}.qs-refine__active:active,.qs-refine__chip:active{padding-top:2px;padding-bottom:2px}.qs-refine__count{min-width:18px;padding:1px 5px;background:#00000059;color:var(--qs-text-3);font-size:11px;text-align:center}.qs-tagindex{width:560px}.qs-tagindex .qs-panel__title{flex:1}.qs-tagindex__total{font-size:13px;color:#b8c4d4}.qs-tagindex__body{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}.qs-tagindex__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px 10px;max-height:min(420px,55vh);margin:0;padding:0;overflow-y:auto;list-style:none}.qs-tagindex__item{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border:0;border-left:3px solid transparent;background:transparent;color:#d0d0d0;font-family:var(--qs-font-body);font-size:14px;text-align:left;cursor:pointer}.qs-tagindex__item:hover{background:#444549;color:var(--qs-text)}.qs-tagindex__item.is-on{background:var(--qs-blue-deep);border-left-color:var(--qs-blue);color:var(--qs-text)}.qs-tagindex__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-tagindex__count{flex:none;font-size:12px;color:var(--qs-text-3)}.qs-tagindex__empty{margin:8px 0;font-size:14px;color:var(--qs-text-3)}@media(max-width:560px){.qs-series__tile{min-width:170px}.qs-series .qs-series__arrow{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 7%;--card-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--border: 0 0% 14.9%;--border-hover: 0 0% 25%;--white-5: rgba(255, 255, 255, .05);--white-7: rgba(255, 255, 255, .07);--white-8: rgba(255, 255, 255, .08);--white-10: rgba(255, 255, 255, .1);--white-12: rgba(255, 255, 255, .12);--white-15: rgba(255, 255, 255, .15);--white-20: rgba(255, 255, 255, .2);--white-25: rgba(255, 255, 255, .25);--white-50: rgba(255, 255, 255, .5);--white-60: rgba(255, 255, 255, .6);--white-70: rgba(255, 255, 255, .7);--white-80: rgba(255, 255, 255, .8);--white-90: rgba(255, 255, 255, .9);--white: #ffffff;--black-20: rgba(0, 0, 0, .2);--black-30: rgba(0, 0, 0, .3);--black-50: rgba(0, 0, 0, .5);--black-60: rgba(0, 0, 0, .6);--black-75: rgba(0, 0, 0, .75);--black-80: rgba(0, 0, 0, .8);--success-light: #86efac;--success: #10b981;--success-dark: #059669;--success-bg: rgba(34, 197, 94, .1);--success-bg-light: rgba(34, 197, 94, .15);--success-bg-medium: rgba(34, 197, 94, .2);--success-border: rgba(34, 197, 94, .3);--success-border-strong: rgba(34, 197, 94, .5);--error-light: #fca5a5;--error: #ef4444;--error-dark: #dc2626;--error-bg: rgba(239, 68, 68, .1);--error-bg-light: rgba(239, 68, 68, .15);--error-bg-medium: rgba(239, 68, 68, .25);--error-border: rgba(239, 68, 68, .3);--error-border-strong: rgba(239, 68, 68, .5);--warning-light: rgb(252, 211, 77);--warning: rgb(251, 191, 36);--warning-dark: rgb(245, 158, 11);--warning-bg: rgba(251, 191, 36, .1);--warning-bg-light: rgba(251, 191, 36, .15);--warning-bg-medium: rgba(251, 191, 36, .25);--warning-border: rgba(251, 191, 36, .3);--warning-border-strong: rgba(251, 191, 36, .5);--info-light: #93c5fd;--info: #60a5fa;--info-dark: #3b82f6;--info-darker: #2563eb;--info-bg: rgba(59, 130, 246, .1);--info-bg-light: rgba(59, 130, 246, .15);--info-bg-medium: rgba(59, 130, 246, .25);--info-border: rgba(59, 130, 246, .3);--info-border-strong: rgba(59, 130, 246, .5);--accent: #8a2be2;--accent-bg: rgba(138, 43, 226, .3);--accent-bg-strong: rgba(138, 43, 226, .4);--accent-border: rgba(138, 43, 226, .5);--slate-50: #f8fafc;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-700: #1e293b;--slate-800: #0f172a;--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-7: .875rem;--space-8: 1rem;--space-9: 1.125rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--blur-sm: 6px;--blur-md: 8px;--blur-lg: 10px;--blur-xl: 12px;--blur-2xl: 20px;--blur-3xl: 30px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--backdrop-glass: blur(20px) saturate(180%);--backdrop-light: blur(10px) saturate(180%);--transition-fast: .2s;--transition-base: .3s;--transition-slow: .5s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-10: 10;--z-50: 50;--z-100: 100;--z-modal: 1000;--z-overlay: 2000;--z-max: 9999;--modal-overlay-bg: var(--black-75);--modal-overlay-blur: var(--blur-md);--modal-bg-start: rgba(18, 18, 18, .95);--modal-bg-end: rgba(10, 10, 10, .98);--modal-bg: linear-gradient(135deg, var(--modal-bg-start) 0%, var(--modal-bg-end) 100%);--modal-bg-fallback: rgba(18, 18, 18, .98);--modal-blur: var(--blur-2xl);--modal-border: var(--white-15);--modal-shadow: var(--shadow-xl)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a0a;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh}:root{--qs-font-pixel: "Pixelify Sans", system-ui, sans-serif;--qs-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--qs-ground: #18191b;--qs-ground-deep: #111213;--qs-outline: #0e0e0f;--qs-face: #3a3b3e;--qs-face-hover: #4a4b4f;--qs-face-disabled: #2b2c2e;--qs-border: #6e6f73;--qs-border-hover: #8d8e93;--qs-border-disabled: #46474a;--qs-lip: #1c1d1f;--qs-panel: #2e2f32;--qs-well: #1e1f21;--qs-well-shade: #121314;--qs-text: #ffffff;--qs-text-2: #c8c8c8;--qs-text-3: #a8a8a8;--qs-text-disabled: #8a8a8a;--qs-hairline: rgba(255, 255, 255, .22);--qs-green: #3c8a3c;--qs-green-hover: #48a048;--qs-green-border: #6fcf6f;--qs-green-border-hover: #9ae09a;--qs-green-lip: #1e4a1e;--qs-slate: #4e6078;--qs-slate-bar: #6f8fb0;--qs-slate-deep: #2e3a4a;--qs-blue: #4080ff;--qs-blue-light: #6fa0ff;--qs-blue-deep: #1f3a6e;--qs-gold: #ffc23a;--qs-red: #e04040;--qs-red-deep: #7a2020;--qs-red-text: #ff9090;--qs-upload-deep: #1f5a2a;--qs-upload: #40c060;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--modal-bg: var(--qs-panel);--modal-bg-fallback: var(--qs-panel);--modal-border: var(--qs-outline);--modal-overlay-bg: rgba(8, 8, 9, .78)}html{background:var(--qs-ground);color-scheme:dark}body{font-family:var(--qs-font-body);background:var(--qs-ground);color:var(--qs-text)}::selection{background:#4080ff73}*{scrollbar-color:var(--qs-border-hover) rgba(255,255,255,.06)}:focus-visible{outline:2px solid var(--qs-blue-light);outline-offset:2px}.qs-px{font-family:var(--qs-font-pixel);font-weight:500;text-shadow:2px 2px 0 #1c1c1c}.qs-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qs-btn{--face: var(--qs-face);--face-hover: var(--qs-face-hover);--edge: var(--qs-border);--edge-hover: var(--qs-border-hover);--lip: var(--qs-lip);--lip-h: 6px;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:48px;padding:0 18px var(--lip-h);border:2px solid var(--qs-outline);border-radius:0;background:var(--face);box-shadow:inset 0 calc(-1 * var(--lip-h)) 0 var(--lip),inset 0 calc(-1 * var(--lip-h) - 2px) 0 var(--edge),inset 0 0 0 2px var(--edge);color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:17px;font-weight:500;line-height:1;text-decoration:none;text-shadow:2px 2px 0 #1c1c1c;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.qs-btn:hover:not(:disabled){background:var(--face-hover);color:var(--qs-text);box-shadow:inset 0 calc(-1 * var(--lip-h)) 0 var(--lip),inset 0 calc(-1 * var(--lip-h) - 2px) 0 var(--edge-hover),inset 0 0 0 2px var(--edge-hover)}.qs-btn:active:not(:disabled){--lip-h: 2px;padding-top:4px}.qs-btn:disabled{--face: var(--qs-face-disabled);--edge: var(--qs-border-disabled);--lip: #161617;color:var(--qs-text-disabled);text-shadow:none;cursor:not-allowed}.qs-btn svg,.qs-btn img{flex:none}.qs-btn--primary{--face: var(--qs-green);--face-hover: var(--qs-green-hover);--edge: var(--qs-green-border);--edge-hover: var(--qs-green-border-hover);--lip: var(--qs-green-lip)}.qs-btn--danger{--face: #a83232;--face-hover: #c03c3c;--edge: #e06a6a;--edge-hover: #f09090;--lip: #4a1414}.qs-btn.is-on{--face: var(--qs-slate);--face-hover: #5a6e8a;--edge: var(--qs-slate-bar);--edge-hover: #8fb0d0;--lip: var(--qs-slate-deep)}.qs-btn--sm{--lip-h: 4px;height:40px;padding:0 12px var(--lip-h);font-size:15px}.qs-btn--icon{width:48px;padding-left:0;padding-right:0}.qs-btn--sm.qs-btn--icon{width:40px}.qs-btn--lg{height:56px;font-size:20px;padding:0 26px var(--lip-h)}.qs-flat{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid var(--qs-outline);background:var(--qs-well);box-shadow:inset 0 0 0 2px var(--qs-border-disabled);color:var(--qs-text);cursor:pointer}.qs-flat:hover{background:var(--qs-face-disabled);box-shadow:inset 0 0 0 2px var(--qs-border-hover)}.qs-well{display:flex;align-items:center;gap:10px;box-sizing:border-box;height:48px;padding:0 14px;border:2px solid var(--qs-outline);background:var(--qs-well);box-shadow:inset 0 0 0 2px var(--qs-border),inset 0 8px 0 var(--qs-well-shade);color:#9a9a9a}.qs-well:hover{box-shadow:inset 0 0 0 2px var(--qs-border-hover),inset 0 8px 0 var(--qs-well-shade)}.qs-well:focus-within{box-shadow:inset 0 0 0 2px #c6c7cc,inset 0 8px 0 var(--qs-well-shade);color:#d0d0d0}.qs-well input,.qs-well select{all:unset;flex:1;min-width:0;padding-top:3px;color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:17px}.qs-well input::placeholder{color:#9a9a9a}.qs-well input::-webkit-search-cancel-button{filter:invert(1) brightness(.7)}.qs-select{appearance:none;box-sizing:border-box;height:40px;padding:0 34px 4px 12px;border:2px solid var(--qs-outline);border-radius:0;background:var(--qs-face) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23ddd'/%3E%3C/svg%3E") no-repeat right 12px center;box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border),inset 0 -6px 0 var(--qs-border-hover),inset 0 -8px 0 var(--qs-border);color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:15px;cursor:pointer}.qs-select:hover{background-color:var(--qs-face-hover);box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 0 0 2px var(--qs-border);color:var(--qs-text);font-family:var(--qs-font-pixel);font-size:15px;cursor:pointer}.qs-select:hover{background-color:var(--qs-face-hover);box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border-hover)}.qs-chip{--face: var(--qs-face);--edge: var(--qs-border);--lip: var(--qs-lip);appearance:none;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:38px;padding:0 14px 4px;border:2px solid var(--qs-outline);background:var(--face);box-shadow:inset 0 -4px 0 var(--lip),inset 0 -6px 0 var(--edge),inset 0 0 0 2px var(--edge);color:#e8e8e8;font-family:var(--qs-font-body);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.qs-chip:hover{--face: var(--qs-face-hover);--edge: var(--qs-border-hover);color:var(--qs-text)}.qs-chip:active{padding-top:2px;padding-bottom:2px;box-shadow:inset 0 -2px 0 var(--lip),inset 0 -4px 0 var(--edge),inset 0 0 0 2px var(--edge)}.qs-chip.is-on{--face: var(--qs-slate);--edge: var(--qs-slate-bar);--lip: var(--qs-slate-deep);color:var(--qs-text)}.qs-chip.is-on:hover{--face: #5a6e8a;--edge: #8fb0d0}.qs-panel{background:var(--qs-panel);border:2px solid var(--qs-outline);box-shadow:inset 0 0 0 2px var(--qs-border),inset 0 0 0 2px var(--qs-border-hover)}.qs-select option{background:var(--qs-panel);color:var(--qs-text)}.qs-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:38px;padding:0 14px;border:2px solid var(--qs-outline);background:var(--qs-face-disabled);box-shadow:inset 0 0 0 2px var(--qs-border-disabled);color:#e0e0e0;font-family:var(--qs-font-body);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.qs-chip:hover{box-shadow:inset 0 0 0 2px var(--qs-border-hover);color:var(--qs-text)}.qs-chip.is-on{background:var(--qs-slate);box-shadow:inset 0 0 0 2px var(--qs-slate-bar);color:var(--qs-text)}.qs-chip--quiet{color:var(--qs-text-3)}.qs-chip--core{box-shadow:inset 0 0 0 2px #6a5a2e}.qs-chip--core.is-on{background:#7a5c18;box-shadow:inset 0 0 0 2px var(--qs-gold)}.qs-panel{background:var(--qs-panel);border:2px solid var(--qs-outline);box-shadow:inset 0 0 0 2px var(--qs-border);padding-bottom:6px;color:var(--qs-text)}.qs-panel__head{display:flex;align-items:center;gap:10px;margin:2px 2px 0;padding:10px 14px;background:var(--qs-slate-deep);border-bottom:2px solid var(--qs-slate-bar)}.qs-panel__head--edit{background:var(--qs-blue-deep);border-bottom-color:var(--qs-blue)}.qs-panel__head--upload{background:var(--qs-upload-deep);border-bottom-color:var(--qs-upload)}.qs-panel__head--danger{background:var(--qs-red-deep);border-bottom-color:var(--qs-red)}.qs-panel__title{margin:0;font-family:var(--qs-font-pixel);font-size:19px;font-weight:500;text-shadow:2px 2px 0 #1c1c1c}.qs-toggle{position:relative;display:inline-block;flex:none;width:48px;height:28px;cursor:pointer}.qs-toggle input{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.qs-toggle span{position:absolute;inset:0;border:2px solid var(--qs-outline);background:var(--qs-well);box-shadow:inset 0 0 0 2px var(--qs-border-disabled);pointer-events:none}.qs-toggle span:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:var(--qs-border-hover);transition:left .12s steps(3)}.qs-toggle input:checked+span{background:var(--qs-green);box-shadow:inset 0 0 0 2px var(--qs-green-border)}.qs-toggle input:checked+span:after{left:24px;background:#fff}.qs-toggle input:focus-visible+span{outline:2px solid var(--qs-blue-light);outline-offset:2px}.qs-toggle input:disabled+span{opacity:.45}.qs-toggle:has(input:disabled){cursor:not-allowed}.qs-dots{display:inline-flex;gap:6px}.qs-dots i{width:10px;height:10px;background:var(--qs-border-hover);animation:qs-dot .9s steps(1) infinite}.qs-dots i:nth-child(2){animation-delay:.3s}.qs-dots i:nth-child(3){animation-delay:.6s}@keyframes qs-dot{0%{background:#fff}33%{background:var(--qs-border-hover)}}.glass-overlay{background:#080809c7!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.glass-card{background:var(--qs-panel)!important;border:2px solid var(--qs-outline)!important;border-radius:0!important;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border),0 24px 60px #0009!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--qs-text);font-family:var(--qs-font-body)}.glass-card h2,.glass-card h3,.glass-card [class*=modal-title]{font-family:var(--qs-font-pixel)!important;font-weight:500!important;letter-spacing:0!important;text-shadow:2px 2px 0 #1c1c1c;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--qs-text)!important}.glass-card label{color:var(--qs-text-2)}.glass-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),.glass-card select,.glass-card textarea{background:var(--qs-well)!important;border:2px solid var(--qs-outline)!important;border-radius:0!important;box-shadow:inset 0 0 0 2px var(--qs-border),inset 0 6px 0 var(--qs-well-shade)!important;color:var(--qs-text)!important;font-family:var(--qs-font-body)}.glass-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus,.glass-card select:focus,.glass-card textarea:focus{outline:none!important;box-shadow:inset 0 0 0 2px #c6c7cc,inset 0 6px 0 var(--qs-well-shade)!important}.glass-card input::placeholder,.glass-card textarea::placeholder{color:#8f8f8f!important}.glass-card [class*=submit-btn],.glass-card .btn-primary,.glass-card .create-new-collection-btn,.glass-card .random-skin-dice-btn,.glass-card .retry-button,.glass-card .btn-secondary,.glass-card .cancel-btn,.glass-card [class*=cancel-btn],.glass-card .toggle-advanced-btn,.glass-card .mod-settings-btn,.glass-card .import-modal-btn{border:2px solid var(--qs-outline)!important;border-radius:0!important;background:var(--qs-face)!important;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border)!important;padding-bottom:6px!important;color:var(--qs-text)!important;font-family:var(--qs-font-pixel)!important;font-weight:500!important;text-shadow:2px 2px 0 #1c1c1c;transform:none!important}.glass-card [class*=submit-btn],.glass-card .btn-primary,.glass-card .create-new-collection-btn,.glass-card .random-skin-dice-btn,.glass-card .retry-button{background:var(--qs-green)!important;box-shadow:inset 0 -6px 0 var(--qs-green-lip),inset 0 -8px 0 var(--qs-green-border),inset 0 0 0 2px var(--qs-green-border)!important}.glass-card [class*=submit-btn]:hover:not(:disabled),.glass-card .btn-primary:hover:not(:disabled),.glass-card .create-new-collection-btn:hover:not(:disabled),.glass-card .random-skin-dice-btn:hover:not(:disabled),.glass-card .retry-button:hover:not(:disabled){background:var(--qs-green-hover)!important;box-shadow:inset 0 -6px 0 var(--qs-green-lip),inset 0 -8px 0 var(--qs-green-border-hover),inset 0 0 0 2px var(--qs-green-border-hover)!important}.glass-card .btn-secondary:hover:not(:disabled),.glass-card .cancel-btn:hover:not(:disabled),.glass-card [class*=cancel-btn]:hover:not(:disabled),.glass-card .toggle-advanced-btn:hover:not(:disabled),.glass-card .mod-settings-btn:hover:not(:disabled),.glass-card .import-modal-btn:hover:not(:disabled){background:var(--qs-face-hover)!important;box-shadow:inset 0 -6px 0 var(--qs-lip),inset 0 -8px 0 var(--qs-border-hover),inset 0 0 0 2px var(--qs-border-hover)!important}.glass-card button:disabled{opacity:.6}.glass-card [class*=modal-close],.glass-card .close-btn,.glass-card .mod-settings-close-btn,.glass-card .import-modal-close-btn{border:2px solid var(--qs-outline)!important;border-radius:0!important;background:var(--qs-face)!important;box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border),inset 0 0 0 2px var(--qs-border)!important;color:var(--qs-text)!important;transform:none!important}.glass-card [class*=modal-close]:hover,.glass-card .close-btn:hover,.glass-card .mod-settings-close-btn:hover,.glass-card .import-modal-close-btn:hover{background:var(--qs-face-hover)!important;box-shadow:inset 0 -4px 0 var(--qs-lip),inset 0 -6px 0 var(--qs-border-hover),inset 0 0 0 2px var(--qs-border-hover)!important}.glass-card [class*=-error],.glass-card .form-error,.glass-card .error-message{border-radius:0!important;border:2px solid var(--qs-red)!important;background:#7a202073!important;color:#ffc0c0!important}.glass-card .success-message,.glass-card .success{border-radius:0!important;border:2px solid var(--qs-upload)!important;background:#1f5a2a80!important;color:#c4f5c4!important}.glass-card a,.glass-card [class*=switch-btn]{color:#9dbbff!important}.glass-card a:hover,.glass-card [class*=switch-btn]:hover{color:#c7d8ff!important}
