/* Clothing Lab visual theme, scoped to the Design Studio. */
.studio-lab{--aqua:#64d5df;--aqua-bright:#87e6ed;--aqua-ghost:#18333b;--aqua-line:#38636d;--bg:#0a0e13;--surface:#10161d;--surface-2:#161e27;--fg:#e8edf2;--fg-muted:#a1b0be;--fg-dim:#879aab;--line:#293541;--line-strong:#344350;--display:Arial,sans-serif;--body:Arial,sans-serif;--mono:Arial,sans-serif;background:var(--bg);font-family:var(--body)}
.lab-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#0a0e13;position:relative;z-index:5}.lab-brand{font-weight:800;letter-spacing:1.6px;font-size:14px;color:#f1f5f8}.lab-brand span{font-weight:400;color:#8b9aa8}.lab-nav__right{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--fg-muted)}
.studio-lab .studio-top{padding:0;border-bottom:1px solid var(--line);background:#0d131a}.studio-lab .studio-top>.wrap{max-width:none;padding:0 32px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-lab .studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--fg-dim)}.studio-lab .studio-tabs{margin:0;gap:8px}.studio-lab .studio-tab{font-size:12px;border-radius:6px;padding:9px 13px;background:transparent}.studio-lab .studio-tab__tag{background:transparent;color:var(--aqua);font-size:8px;padding:0}.studio-lab .studio-tab.is-active{background:var(--aqua-ghost)}
.studio-lab .studio-top>.wrap>.studio-tabs{margin-left:auto}.studio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-controls .seg{display:inline-flex;gap:4px;background:#10161d;border:1px solid var(--line);border-radius:8px;padding:3px}.studio-controls .seg button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--fg-muted);border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;min-height:34px;font-family:Arial,sans-serif}.studio-controls .seg button.is-active{background:var(--aqua-ghost);color:var(--aqua)}.studio-controls .seg button svg{width:16px;height:16px}.studio-controls .seg small{color:#8ee0c0;font-size:9px;font-weight:700;margin-left:3px}
.studio-lab #mode-camos{padding:0}.studio-lab #mode-camos>.wrap{max-width:1800px;padding:0}.studio-lab #mode-camos .studio-grid{grid-template-columns:minmax(0,1fr) 370px;grid-template-areas:"stage camos";gap:0;align-items:start}.studio-lab #mode-camos .studio-stage{position:sticky;top:0;height:calc(100dvh - 135px);min-height:590px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#202b35 0%,#0d141c 72%)}
.lab-stage-title{position:absolute;left:36px;top:34px;z-index:2;pointer-events:none}.lab-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#829cac}.lab-stage-title h1{font-size:clamp(24px,2.7vw,42px);font-weight:500;letter-spacing:-1.4px;margin:10px 0 12px;line-height:1.1}.lab-stage-title p{font-size:13px;color:#90a1b0;margin:0}
.studio-lab #mode-camos .viewport-wrap{height:100%;min-height:0;border:0;border-radius:0;background:transparent;grid-row:1}.studio-lab #mode-camos .viewport-hint{bottom:65px;width:calc(100% - 40px);max-width:600px;text-align:center;white-space:normal;background:transparent;border:0;padding:0;font-family:Arial,sans-serif;font-size:11px;color:#92a5b5;line-height:1.6}.studio-lab #mode-camos .viewport-loading{background:#101923d9}
.studio-lab #mode-camos .stage-bar{position:absolute;z-index:4;bottom:111px;left:32px;right:32px;margin:0;justify-content:center;gap:8px}.studio-lab #mode-camos .stage-bar__name{position:absolute;left:0;bottom:8px;font-size:11px;font-weight:400;letter-spacing:.7px;color:#9eafbd}.studio-lab #mode-camos .stage-bar__reset,.lab-view-controls button{display:inline-flex;align-items:center;gap:6px;border:1px solid #2c3947;background:#101923e8;color:#dce4ec;border-radius:6px;padding:10px 13px;font-size:12px;cursor:pointer;min-height:36px}.lab-view-controls{display:flex;gap:8px}.lab-view-controls button[aria-pressed=true]{color:var(--aqua);border-color:var(--aqua)}
.studio-lab #mode-camos .stage-select{grid-row:2;border-radius:0;margin:0;border:0;border-top:1px solid var(--line);padding:20px 32px;background:#0d141c;min-height:94px}.studio-lab .stage-select__price{font-size:19px;font-weight:600}.studio-lab .stage-select__meta{font-size:11px;color:#879aab}.studio-lab .camo-name{font-size:17px;font-weight:500;border-radius:4px;max-width:100%;font-family:Arial,sans-serif}.studio-lab .stage-select__info{min-width:0}.studio-lab .btn{font-size:12px;border-radius:6px;box-shadow:none;background-image:none;min-height:40px;padding:11px 17px;font-family:Arial,sans-serif}.studio-lab .btn--primary{background:#64d5df;color:#08202b;border-color:#64d5df;box-shadow:none}.studio-lab .btn:hover{transform:none;box-shadow:none}.studio-lab .btn--primary:hover{background:#85e4eb}
.studio-lab #mode-camos .studio-design{border:0;border-left:1px solid var(--line);border-radius:0;padding:28px 24px;height:calc(100dvh - 135px);min-height:590px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4a58 transparent;overscroll-behavior:contain;background:#10161d}.lab-section-head h2{font-size:23px;font-weight:500;margin:10px 0 18px;letter-spacing:-.5px}.lab-weapon-picker{margin-bottom:18px;border:1px solid #334350;border-radius:7px;background:#151e27}.lab-weapon-picker summary{display:flex;align-items:center;justify-content:space-between;padding:13px;gap:12px;cursor:pointer;font-size:13px;list-style:none}.lab-change{font-size:10px;letter-spacing:.5px;color:var(--aqua)}.lab-change::after{content:' ⌄'}.lab-weapon-picker[open] .lab-change::after{content:' ⌃'}.lab-weapon-picker[open]{padding-bottom:12px}.lab-weapon-picker>div,.lab-weapon-picker>label,.lab-weapon-picker>p{margin-left:12px;margin-right:12px}.lab-search{display:block;margin-bottom:12px}.lab-search input{width:100%;background:#0b1219;border:1px solid #30414e;border-radius:5px;color:#e7eef3;padding:10px;font:inherit;font-size:12px}.lab-count{font-size:10px;color:#8fa3b2;margin-top:10px;margin-bottom:0}.studio-lab .weapon-list{max-height:180px;gap:5px}.studio-lab .wchip{padding:10px;border-radius:5px}.studio-lab .wchip__name{font-size:12px;font-weight:500}.studio-lab .wchip__cls{font-size:9px}.studio-lab .wchip:hover{transform:none}
.studio-lab .dsec{margin-bottom:0;padding:20px 0;border-top:1px solid var(--line)}.studio-lab .dsec__label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#95aaba;margin-bottom:14px}.studio-lab .dsec__labelrow{margin-bottom:14px}.studio-lab .dsec__labelrow .dsec__label{margin:0}.studio-lab .dsec__note--top{border:0;background:none;padding:0;margin-bottom:20px;line-height:1.65;font-size:11px}.studio-lab .dsec__note svg{color:#91bec8}.studio-lab .swatchrow{grid-template-columns:repeat(7,1fr);gap:9px;margin-bottom:15px}.studio-lab .cswatch{border-radius:5px;max-height:32px}.studio-lab .cswatch.is-on{box-shadow:0 0 0 2px #10161d,0 0 0 3px var(--aqua)}.studio-lab .colorpick,.studio-lab .glowtog{font-size:12px}.studio-lab .chip{border-radius:5px;padding:7px 9px;font-size:11px;background:#161e27}.studio-lab .chip.is-on{background:var(--aqua-ghost)}.studio-lab .shape-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:138px;scrollbar-width:thin;scrollbar-color:#3a4a58 transparent}.studio-lab .shape{border-radius:5px;background:#161e27;border-color:#2c3743}.studio-lab .shape:hover{transform:none;border-color:var(--aqua)}.lab-catalog summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between}.lab-catalog summary::after{content:'+';font-size:15px;font-weight:400;line-height:10px;color:#9cb3c3}.lab-catalog[open] summary::after{content:'−'}.studio-lab .lab-catalog:not([open]) summary{margin-bottom:0}.studio-lab .dminibtn{border:1px solid #344654;background:#161e27;color:#b9e4e8;border-radius:5px;padding:7px 9px;font-size:11px}.studio-lab .emb,.studio-lab .draft__load{border-radius:7px;background:#141d26;border-color:#2d3c49}.studio-lab .emb.is-sel{border-color:#64d5df;box-shadow:none}.studio-lab .emb__name{font-size:12px}.studio-lab .emb__ic{border-radius:4px}.studio-lab .srow{font-size:10px;letter-spacing:.3px}.studio-lab .studio-design input[type=range]::-webkit-slider-thumb{box-shadow:none;background:#64d5df}.studio-lab .dhint{font-size:12px;line-height:1.65}.studio-lab .dactions{padding-top:20px;border-top:1px solid var(--line)}.studio-lab .footer{display:none}.studio-lab .checkout__box{border-radius:10px;background:#10161d}.studio-lab button:focus-visible,.studio-lab input:focus-visible,.studio-lab summary:focus-visible,.studio-lab a:focus-visible{outline:2px solid #64d5df;outline-offset:3px}.studio-lab [hidden]{display:none!important}
@media(min-width:1600px){.studio-lab #mode-camos .studio-grid{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1100px){.lab-stage-title{left:24px;top:28px}.lab-stage-title h1{font-size:29px;max-width:340px}.studio-lab #mode-camos .stage-bar__name{display:none}.studio-lab #mode-camos .stage-select{padding:18px;gap:10px}.studio-lab .stage-select__buy{gap:10px}.studio-lab .stage-select__buy .btn{padding:10px}.studio-lab .camo-name{width:160px}}
@media(max-width:850px){.lab-nav{height:62px;padding:0 20px}.lab-brand span{display:none}.studio-lab .studio-top>.wrap{padding:10px 16px;min-height:58px;justify-content:center}.studio-lab .studio-eyebrow{display:none}.studio-lab .studio-tabs{width:100%;gap:6px}.studio-lab .studio-tab{padding:9px 8px;font-size:11px;flex:1;justify-content:center}.studio-lab .studio-tab svg{display:none}.studio-lab #mode-camos .studio-grid{grid-template-columns:1fr;grid-template-areas:"stage" "camos"}.studio-lab #mode-camos .studio-stage{position:relative;top:auto;height:650px;min-height:0}.studio-lab #mode-camos .studio-design{height:auto;min-height:0;border-left:0;border-top:1px solid var(--line);padding:26px 22px;overflow:visible}.studio-lab .shape-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:180px}.studio-lab .swatchrow{grid-template-columns:repeat(13,minmax(0,1fr))}.lab-stage-title h1{font-size:29px;max-width:none}.studio-lab #mode-camos .stage-bar{bottom:112px}.studio-lab #mode-camos .stage-select{min-height:94px}.studio-lab .camo-name{width:180px}}
@media(max-width:480px){.lab-nav__right{font-size:10px;gap:8px}.lab-brand{font-size:12px}.lab-stage-title{left:20px;right:20px}.lab-stage-title h1{font-size:27px}.lab-stage-title p{font-size:12px}.studio-lab #mode-camos .studio-stage{height:590px}.studio-lab #mode-camos .stage-select{flex-wrap:wrap;gap:12px;min-height:133px}.studio-lab .stage-select__buy{width:100%;justify-content:space-between}.studio-lab #mode-camos .stage-bar{bottom:150px;left:12px;right:12px}.studio-lab .shape-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.studio-lab .swatchrow{grid-template-columns:repeat(7,minmax(0,1fr))}}
.studio-lab .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.studio-lab .studio-tab{white-space:nowrap;font-size:10px;gap:4px}.studio-lab .studio-tab__tag{display:none}}
/* Independent clothing renderer, mounted in the same studio tabs. */
.studio-lab .studio-clothing-lab{padding:0;margin:0}
#clothingLabFrame{display:block;width:100%;height:max(620px,calc(100dvh - 135px));border:0;background:#0a0e13}

/* Shared clothing-editor tools, adapted to weapon surface decals. */
.camo-filters{display:grid;grid-template-columns:1fr auto;gap:7px;margin:8px 0 12px}.camo-filters input{grid-column:1/-1}.camo-filters input,.camo-filters select,.camo-type input,.camo-type select,.camo-layer-name input{min-width:0;box-sizing:border-box;width:100%;background:#0e151d;color:#e7eef3;border:1px solid #30414e;border-radius:4px;padding:8px;font:inherit;font-size:12px}.camo-filters span{font-size:10px;color:#8c9cae}.camo-toolrow{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.camo-toolrow button,.camo-filters button{font:inherit;font-size:11px;padding:8px;background:#101923;color:#dce4ec;border:1px solid #30414e;border-radius:5px;cursor:pointer}.camo-toolrow button:disabled{opacity:.3}.studio-lab .shape-grid{max-height:250px;overflow:auto}.studio-lab [hidden]{display:none!important}.emb:not(.is-sel)>:not(.emb__top){display:none}.emb__name{background:none;border:0;text-align:left;color:inherit;cursor:pointer;flex:1;min-width:0}.studio-lab .emb__top .emb__ic{width:auto;min-width:34px;font-size:10px;padding:5px}.camo-layer-name,.camo-type label{display:block;margin:10px 0;font-size:11px}.camo-type input,.camo-type select,.camo-layer-name input{margin-top:5px}.emb__bar{flex-wrap:wrap}.studio-lab .emb__bar .emb__ic{min-width:32px;width:auto;padding:5px;font-size:10px}#ytd-dialog{width:min(620px,94vw);box-sizing:border-box;max-height:90vh;overflow:auto;background:#101820;color:#e7eef3;border:1px solid #37505d;border-radius:12px;padding:22px}#ytd-dialog::backdrop{background:#000b}.ytd-heading{display:flex;justify-content:space-between;align-items:center}#ytd-dialog button{padding:10px;background:#16232e;color:#dce4ec;border:1px solid #30414e;border-radius:5px;cursor:pointer}#ytd-dialog button:disabled{opacity:.4}#ytd-options{display:grid;gap:8px;max-height:220px;overflow:auto}.ytd-option{text-align:left;overflow-wrap:anywhere}.ytd-option.active{border-color:#64d5df!important}#ytd-preview{width:100%;max-height:330px;object-fit:contain}#ytd-dialog p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}#ytd-apply{width:100%}

#camoAtlas{display:block;width:100%;height:auto;touch-action:none;border:1px solid #30414e;margin-top:12px}.emb__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-lab #shapeGrid.advanced-view{grid-template-columns:repeat(3,minmax(0,1fr));max-height:380px;gap:8px}.studio-lab #shapeGrid .advanced-shape{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:auto;aspect-ratio:auto;padding:8px 5px}.studio-lab #shapeGrid .advanced-shape img{width:100%;height:auto;max-height:none}.studio-lab #shapeGrid .advanced-shape span{font-size:9px;line-height:1.25;color:#a9bbc8;text-align:center;overflow-wrap:anywhere;white-space:normal}.studio-lab #shapeGrid:not(.advanced-view) .advanced-shape{grid-column:span 2;grid-row:span 2}

.layer-grip{cursor:grab;touch-action:none;padding:5px!important;flex:none;font-size:20px!important;line-height:1}.layer-grip:active{cursor:grabbing}.layer-grip:disabled{cursor:default;opacity:.3}.sort-moving{opacity:.45}.sort-before{box-shadow:0 -3px 0 #56d7e2!important}.sort-after{box-shadow:0 3px 0 #56d7e2!important}

/* Clothing-style catalogue, canvas and selected-layer workspace. */
.studio-lab #mode-camos .studio-grid{grid-template-columns:260px minmax(0,1fr) 370px;gap:0}.camo-wardrobe{background:#10161d;border-right:1px solid #293744;padding:24px 18px;height:calc(100dvh - 135px);overflow:auto;min-width:0}.camo-wardrobe .lab-weapon-picker{border:0;background:none}.camo-wardrobe .weapon-list{max-height:none;display:grid;grid-template-columns:1fr}.camo-wardrobe .lab-weapon-picker>div,.camo-wardrobe .lab-weapon-picker>label,.camo-wardrobe .lab-weapon-picker>p{margin-left:0;margin-right:0}.camo-wardrobe summary{padding:10px 0}.camo-wardrobe .lab-change{display:none}
#emblemList .camo-layer-properties{display:none!important}#camoProperties{border:1px solid #293744;border-radius:8px;padding:16px;margin-top:16px}#camoProperties h3{font-size:13px;margin:0 0 14px;color:#a5b8c8}#camoPropertyBody .camo-layer-properties{display:block}#camoPropertyBody{font-size:12px;color:#9bb0c0}#camoPropertyBody .emb__ic{background:#16212c;border:1px solid #30414e;color:#dce4ec;border-radius:5px;padding:8px}#camoPropertyBody button:disabled,#camoPropertyBody input:disabled,#camoPropertyBody select:disabled{opacity:.4}#draftList{max-height:360px;overflow:auto}.studio-lab .emb{padding:8px;margin-bottom:7px}.studio-lab .emb__top{margin:0;gap:5px}.studio-lab .emb__thumb{width:30px;height:30px}.studio-lab .emb__top .emb__ic{min-width:28px;padding:4px}.studio-lab .emb__name{font-size:12px}
@media(max-width:1200px){.studio-lab #mode-camos .studio-grid{grid-template-columns:210px minmax(0,1fr) 340px}.studio-lab #mode-camos .studio-design{padding:20px 16px}}
@media(max-width:950px){.studio-lab #mode-camos .studio-grid{grid-template-columns:minmax(0,1fr) 340px}.camo-wardrobe{grid-column:1/-1;height:auto;max-height:260px}.camo-wardrobe .weapon-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:140px}.camo-wardrobe .lab-section-head{display:none}}
@media(max-width:700px){.studio-lab #mode-camos .studio-grid{display:flex;flex-direction:column}.camo-wardrobe{width:100%;max-height:230px}.camo-wardrobe .weapon-list{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-lab #mode-camos .studio-design{width:100%;height:auto;min-height:0}.studio-lab #mode-camos .studio-stage{width:100%;min-width:0}}

.studio-lab #mode-camos .studio-grid{grid-template-areas:"weapons stage camos"}.camo-wardrobe{grid-area:weapons}
@media(max-width:950px){.studio-lab #mode-camos .studio-grid{grid-template-areas:"weapons weapons" "stage camos"}}

#camoSurface{width:100%;padding:9px;border:1px solid #30414e;background:#0e151d;color:#e7eef3;border-radius:5px;margin-top:7px}
