#tools-fades{display:flex;flex-direction:column;width:100%;max-width:1920px;margin:0 auto;padding:0 0 32px;min-height:calc(100dvh - 72px)}#tools-fades .fades-head{padding:24px clamp(16px,4vw,64px) 20px}#tools-fades .fades-head h1{margin:0;font-family:Saira,Saira Fallback,sans-serif;font-weight:500;font-size:clamp(22px,2.4vw,28px);line-height:125%;letter-spacing:-.01em;color:#f5f6f7b8}#tools-fades .weapon-strip{padding:0 clamp(16px,4vw,64px)}#tools-fades .weapon-strip .swiper{gap:12px;padding-bottom:8px}#tools-fades .weapon-strip .swiper .swiper-item{width:145px}#tools-fades .weapon-strip .swiper-arrow{height:108px}@media(max-width:767px){#tools-fades .weapon-strip .swiper{flex-direction:row;overflow-x:auto}#tools-fades .weapon-strip .swiper .swiper-item{width:132px}}#tools-fades .weapon-card{--family-color: #d24e7a;position:relative;display:flex;flex:0 0 auto;flex-direction:column;height:108px;padding:0;background:#23242a;border:1px solid #40444E;border-radius:8px;cursor:pointer;overflow:hidden;opacity:.88;text-align:left;transition:border-color .18s ease,opacity .18s ease}#tools-fades .weapon-card .card-art{display:flex;flex:1;align-items:flex-end;justify-content:center;min-height:0;padding:16px 8px 8px;border-radius:4px 4px 0 0}#tools-fades .weapon-card .card-art:before{content:"";position:absolute;inset:0 0 32px;background:radial-gradient(41% 41% at 50% 50%,color-mix(in srgb,var(--family-color) 32%,transparent) 0%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}#tools-fades .weapon-card .card-art img{position:relative;max-width:100%;max-height:52px;object-fit:contain}#tools-fades .weapon-card .card-tag{position:absolute;top:6px;left:6px;padding:2px 8px;font-size:12px;font-weight:500;line-height:135%;text-transform:uppercase;color:var(--family-color);background:color-mix(in srgb,var(--family-color) 10%,transparent);border-radius:4px}#tools-fades .weapon-card .card-name{flex-shrink:0;padding:0 8px 8px;font-size:16px;line-height:150%;color:#f5f6f7b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tools-fades .weapon-card:hover{opacity:1;border-color:color-mix(in srgb,var(--family-color) 45%,transparent)}#tools-fades .weapon-card.active{opacity:1;border-color:color-mix(in srgb,var(--family-color) 64%,transparent)}#tools-fades .weapon-card.active .card-art:before{opacity:1}#tools-fades .weapon-card.active .card-name{color:#f5f6f7}#tools-fades .fade-finder{display:flex;flex:1;align-items:stretch;gap:32px;min-height:0;padding:24px clamp(16px,4vw,64px) 32px}@media(max-width:1279px){#tools-fades .fade-finder{flex:0 0 auto;flex-direction:column;gap:20px}}#tools-fades .fade-view,#tools-fades .fade-panel{background:#27292f;border-radius:8px}#tools-fades .fade-view{position:relative;display:flex;flex:1;flex-direction:column;gap:clamp(16px,2vw,40px);min-width:0;padding:clamp(16px,2vw,32px);overflow:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:clamp(56px,5vw,80px) clamp(56px,5vw,80px);background-position:center}#tools-fades .fade-view:after{content:"";position:absolute;left:50%;bottom:-40%;width:70%;aspect-ratio:2/1;transform:translate(-50%);background:#d14e7a52;filter:blur(180px);pointer-events:none;z-index:0}:root.mask-on #tools-fades .fade-view{background-image:none}:root.mask-on #tools-fades .fade-view:after{display:none}#tools-fades .fade-view>*{position:relative;z-index:1}#tools-fades .fade-view.fullscreen{border-radius:0;padding:24px}#tools-fades .fade-view-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;z-index:3}#tools-fades .fade-titles{display:flex;flex-direction:column;gap:12px;min-width:0}#tools-fades .fade-name{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-family:Saira,Saira Fallback,sans-serif;font-weight:500;font-size:clamp(20px,2.2vw,28px);line-height:125%}#tools-fades .fade-name .weapon{letter-spacing:-.01em;color:#f5f6f7}#tools-fades .fade-name .paint{letter-spacing:-.02em;color:#52b772}#tools-fades .fade-meta{display:flex;align-items:center;gap:8px;margin:0;font-size:clamp(15px,1.6vw,18px);line-height:145%}#tools-fades .fade-meta .key{font-weight:600;color:#f5f6f7b8}#tools-fades .fade-meta .val{font-weight:500;color:#f5f6f7}#tools-fades .fade-meta .divider{margin:0 4px;font-weight:500;color:#f5f6f7b8}#tools-fades .fade-tips-wrap{position:relative;flex-shrink:0;z-index:6}#tools-fades .fade-tips-btn{background:#f5f6f71a}#tools-fades .fade-tips-btn svg{color:#f5f6f7}#tools-fades .fade-tips{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:min(420px,80vw);padding:16px 20px;background:#27292f;border:1px solid #40444E;border-radius:8px;box-shadow:0 12px 32px #0006}#tools-fades .fade-tips ul{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:20px;list-style:disc;font-size:15px;line-height:145%;color:#f5f6f7b8}#tools-fades .fade-tips li::marker{color:#f5f6f770}#tools-fades .fade-stage{position:relative;flex:1 1 0;min-height:clamp(240px,30vh,480px);max-height:none;border-radius:4px;overflow:hidden;touch-action:none}#tools-fades .fade-stage.grabbing{cursor:grab}#tools-fades .fade-stage.grabbing:active{cursor:grabbing}#tools-fades .fade-stage .skin-viewer.bare{position:absolute;inset:0;height:100%;transform:var(--stage-transform, none);transform-origin:0 0;background:transparent;border-radius:0;animation:none}#tools-fades .fade-stage .viewer-img{background-color:transparent;background-image:none}#tools-fades .fade-stage .viewer-img:before{display:none}#tools-fades .fade-stage .viewer-img img,#tools-fades .fade-stage .viewer-img video,#tools-fades .fade-stage .viewer-img .viewer-video-mask{max-width:96%;max-height:96%}@media(max-width:1279px){#tools-fades .fade-stage{flex:0 0 auto;aspect-ratio:16/9;min-height:220px}}#tools-fades .fade-view-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:767px){#tools-fades .fade-view-foot{flex-direction:column;align-items:stretch;gap:12px}}#tools-fades .fade-view-tools{display:flex;align-items:center;gap:16px}@media(max-width:767px){#tools-fades .fade-view-tools{justify-content:space-between}}#tools-fades .fade-zoom{display:flex;align-items:center;gap:12px}#tools-fades .fade-zoom .fade-zoom-val{min-width:40px;font-size:14px;font-weight:500;line-height:145%;text-align:center;color:#f5f6f7b8}#tools-fades .fade-panel{display:flex;flex-direction:column;gap:clamp(20px,2vw,40px);flex:0 0 auto;width:clamp(420px,40%,600px);min-height:0;padding:24px}@media(max-width:1279px){#tools-fades .fade-panel{flex:1 1 auto;width:100%}}#tools-fades .fade-block{display:flex;flex-direction:column;gap:24px}#tools-fades .fade-block-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#tools-fades .fade-block-head h3{display:flex;align-items:center;gap:12px;margin:0;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:18px;font-weight:600;line-height:145%;color:#f5f6f7b8}#tools-fades .fade-block-head h3 svg{width:24px;height:24px;color:#3fa367}#tools-fades .fade-seed{display:flex;align-items:center;gap:12px}#tools-fades .fade-seed .fade-seed-label{font-size:16px;line-height:150%;color:#f5f6f7b8}#tools-fades .fade-stepper{display:flex;align-items:center}#tools-fades .fade-stepper .btn-secondary{width:48px;min-width:48px;height:48px;padding:0}#tools-fades .fade-stepper .btn-secondary:first-child{border-radius:4px 0 0 4px}#tools-fades .fade-stepper .btn-secondary:last-child{border-radius:0 4px 4px 0}#tools-fades .fade-stepper .fade-stepper-val{display:flex;align-items:center;justify-content:center;min-width:60px;height:48px;padding:0 8px;border-top:1px solid #40444E;border-bottom:1px solid #40444E;font-size:18px;font-weight:500;line-height:145%;color:#f5f6f7b8}#tools-fades .fade-slider-row{display:flex;align-items:center;gap:12px}#tools-fades .fade-slider-row .btn-sq{width:48px;min-width:48px;height:48px;padding:0}#tools-fades .fade-slider-row .btn-sq svg{width:24px;height:24px}#tools-fades .fade-slider{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}#tools-fades .fade-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}#tools-fades .fade-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,rgba(245,246,247,.64) var(--fade-fill, 0%),rgba(245,246,247,.16) var(--fade-fill, 0%));border-radius:1px}#tools-fades .fade-slider input[type=range]::-moz-range-track{height:4px;background:linear-gradient(to right,rgba(245,246,247,.64) var(--fade-fill, 0%),rgba(245,246,247,.16) var(--fade-fill, 0%));border-radius:1px}#tools-fades .fade-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;background:#f5f6f7;border:none;border-radius:50%;box-shadow:0 0 0 6px #f5f6f729;transition:box-shadow .15s ease}#tools-fades .fade-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#f5f6f7;border:none;border-radius:50%;box-shadow:0 0 0 6px #f5f6f729}#tools-fades .fade-slider input[type=range]:hover::-webkit-slider-thumb,#tools-fades .fade-slider input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 6px #f5f6f752}#tools-fades .fade-slider-scale{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:150%;color:#f5f6f7b8}#tools-fades .fade-value-row{display:contents}#tools-fades .fade-value-label{display:none}#tools-fades .fade-pct{display:flex;align-items:center;justify-content:center;gap:2px;width:156px;height:48px;padding:0 8px;border:1px solid #40444E;border-radius:4px}#tools-fades .fade-pct input{width:100%;min-width:0;background:transparent;border:none;outline:none;font-family:inherit;font-size:18px;font-weight:500;line-height:145%;text-align:right;color:#f5f6f7b8;-moz-appearance:textfield}#tools-fades .fade-pct input::-webkit-inner-spin-button,#tools-fades .fade-pct input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#tools-fades .fade-pct .unit{font-size:18px;font-weight:500;color:#f5f6f7b8}#tools-fades .fade-pct:focus-within{border-color:#6b7a99}#tools-fades .fade-special{display:flex;flex-direction:column;gap:24px;flex:0 1 auto;min-height:0;padding:16px 12px;border:1px solid #40444E;border-radius:4px}#tools-fades .fade-special-head{display:flex;align-items:center;gap:12px}#tools-fades .fade-special-head h3{margin:0;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:18px;font-weight:600;line-height:145%;white-space:nowrap;color:#f5f6f7b8}#tools-fades .fade-special-head>svg{flex-shrink:0;width:24px;height:24px;fill:#3fa367;color:#3fa367}#tools-fades .fade-special-head .fade-help{display:inline-flex;color:#f5f6f7cc;cursor:help}#tools-fades .fade-special-head .fade-help svg{width:20px;height:20px}#tools-fades .fade-special-head .fade-special-toggle{margin-left:auto;transition:transform .2s ease}#tools-fades .fade-special.open .fade-special-toggle{transform:rotate(180deg)}#tools-fades .fade-tiers{display:flex;align-items:center;gap:12px}#tools-fades .fade-tier{flex:1;min-width:0;padding:10px;background:transparent;border:1px solid transparent;border-radius:6px;font-family:inherit;font-size:clamp(13px,1.1vw,16px);line-height:150%;white-space:nowrap;color:#f5f6f7b8;cursor:pointer;transition:border-color .18s ease,color .18s ease}#tools-fades .fade-tier:hover{border-color:#383c46}#tools-fades .fade-tier.active{border-color:#3fa367;font-weight:500;color:#f5f6f7}#tools-fades .fade-seeds{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;flex:1 1 auto;min-height:120px;max-height:clamp(160px,26vh,380px);overflow-y:auto;align-content:start}@media(max-width:767px){#tools-fades .fade-seeds{grid-template-columns:repeat(5,minmax(0,1fr))}}#tools-fades .fade-seed-chip{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:36px;padding:0 4px;overflow:hidden;background:transparent;border:1px solid #383C46;border-radius:4px;font-family:inherit;font-size:16px;line-height:150%;text-align:center;color:#f5f6f7b8;cursor:pointer;transition:border-color .18s ease,color .18s ease}#tools-fades .fade-seed-chip:hover{border-color:#40444e;color:#f5f6f7}#tools-fades .fade-seed-chip.active{border-color:#3fa3677a;color:#52b772}#tools-fades .fade-seed-chip.preview{border-color:#3fa36752;color:#f5f6f7}#tools-fades .fade-actions{display:flex;align-items:center;gap:8px;margin-top:auto}#tools-fades .fade-actions .btn-secondary,#tools-fades .fade-actions .btn-primary{flex:1;min-width:0;height:48px}@media(max-width:767px){#tools-fades .fade-actions{flex-direction:column;align-items:stretch}#tools-fades .fade-actions .btn-secondary,#tools-fades .fade-actions .btn-primary{flex:0 0 auto;height:44px}}@media(max-width:767px){#tools-fades{min-height:0}#tools-fades .fades-head{padding:20px 12px;text-align:center}#tools-fades .fades-head h1{font-size:20px}#tools-fades .weapon-strip{padding:0 12px}#tools-fades .weapon-strip .swiper{gap:8px}#tools-fades .weapon-strip .swiper .swiper-item{width:116px}#tools-fades .weapon-card{height:88px}#tools-fades .weapon-card .card-art{padding:16px 8px 8px}#tools-fades .weapon-card .card-art img{max-height:40px}#tools-fades .weapon-card .card-tag{padding:1px 6px;font-size:12px;font-weight:400;border-radius:2px}#tools-fades .weapon-card .card-name{font-size:12px;line-height:135%;color:#f5f6f7}#tools-fades .fade-finder{padding:16px 12px 48px;gap:16px}#tools-fades .fade-view{padding:16px;gap:8px}#tools-fades .fade-view-head{gap:12px}#tools-fades .fade-titles{gap:8px}#tools-fades .fade-name{flex-direction:column;align-items:flex-start;gap:0}#tools-fades .fade-name .weapon{font-size:20px}#tools-fades .fade-name .paint{font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:16px;font-weight:500;line-height:145%;letter-spacing:0}#tools-fades .fade-meta{font-size:16px}#tools-fades .fade-tips{max-width:min(280px,86vw);padding:10px 14px}#tools-fades .fade-tips ul{gap:8px;font-size:12px}#tools-fades .fade-view-foot{flex-direction:row;align-items:center;gap:8px}#tools-fades .fade-view-foot .btn-label{display:none}#tools-fades .fade-view-foot .btn-secondary{width:40px;min-width:40px;height:40px;padding:0}#tools-fades .fade-view-tools{gap:12px}#tools-fades .fade-zoom{gap:8px}#tools-fades .fade-zoom .btn-secondary.btn-sq{width:40px;min-width:40px;height:40px}#tools-fades .fade-panel{padding:16px;gap:20px}#tools-fades .fade-block{gap:16px}#tools-fades .fade-block-head{flex-direction:column;align-items:stretch;gap:16px}#tools-fades .fade-block-head h3{font-size:16px}#tools-fades .fade-seed{justify-content:space-between}#tools-fades .fade-stepper .btn-secondary{width:44px;min-width:44px;height:44px}#tools-fades .fade-stepper .fade-stepper-val{height:44px;min-width:62px}#tools-fades .fade-slider-row{flex-wrap:wrap;gap:8px 12px}#tools-fades .fade-value-row{display:flex;order:-1;flex:1 1 100%;align-items:center;justify-content:space-between;gap:12px}#tools-fades .fade-value-label{display:block;font-size:16px;line-height:150%;color:#f5f6f7b8}#tools-fades .fade-pct{width:150px;height:44px}#tools-fades .fade-slider-row .btn-sq{width:44px;min-width:44px;height:44px}#tools-fades .fade-slider-row>.btn-secondary:first-child:not(:disabled){background:#434f65;border-color:transparent}#tools-fades .fade-special{border:none;border-top:1px solid #40444E;border-bottom:1px solid #40444E;border-radius:0;padding:14px 0;gap:16px}#tools-fades .fade-special-head h3{font-size:16px}#tools-fades .fade-tiers{flex-wrap:wrap;gap:8px}#tools-fades .fade-tier{flex:1 1 calc(33% - 8px)}#tools-fades .fade-seeds{grid-template-columns:repeat(5,minmax(0,1fr));max-height:40vh}}