/* Skin editor only: keeps all existing configuration and equip behavior. */
.cp-skin-page #configureModal .modal-dialog { max-width:960px; margin:24px auto; min-height:calc(100% - 48px); }
.cp-skin-page #configureModal .cp-editor { overflow:hidden; border:1px solid #334a5e !important; border-radius:8px; background:#101a26 !important; box-shadow:0 35px 100px #000b; }
.cp-editor-layout { display:grid; grid-template-columns:39% 61%; }
.cp-editor-close { position:absolute; top:18px; right:18px; z-index:5; display:grid; place-items:center; width:32px; height:32px; border:1px solid #ffffff15; border-radius:4px; background:#ffffff04; color:#9aafc2; transition:.18s; }
.cp-editor-close:hover { background:#55d4ec18; border-color:#55d4ec66; color:#d8f8ff; }
.cp-editor-showcase { position:relative; display:flex; flex-direction:column; overflow:hidden; min-width:0; border-right:1px solid #ffffff0c; background:radial-gradient(ellipse at 50% 40%,#17354455,transparent 68%),linear-gradient(155deg,#0f202c,#0a141f 80%); padding:28px; }
.cp-editor-showcase::before { content:''; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(#88d6eb05 1px,transparent 1px),linear-gradient(90deg,#88d6eb05 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(black,transparent); }
.cp-editor-showcase #configModalBg { position:absolute; inset:15% -30% 20%; opacity:.17; filter:blur(45px); pointer-events:none; }
.cp-editor-brand { display:flex; align-items:center; justify-content:space-between; gap:12px; position:relative; color:#e9f5fc; }
.cp-editor-brand > span:first-child { font-size:15px; font-weight:800; font-style:italic; letter-spacing:.5px; }
.cp-editor-brand > span:first-child > span { color:#55d4ec; }
.cp-editor-chip { border:1px solid #55d4ec28; border-radius:3px; padding:5px 7px; font-size:8px; letter-spacing:.9px; color:#8eacbd; white-space:nowrap; }
.cp-editor-art { position:relative; display:grid; place-items:center; flex:1; min-height:280px; margin:24px -15px 10px; }
.cp-editor-watermark { position:absolute; font-size:150px; font-weight:850; font-style:italic; letter-spacing:-12px; color:#b6eafa05; user-select:none; }
.cp-editor-art::after { content:''; width:65%; height:22px; position:absolute; bottom:14%; border-radius:50%; background:#0007; filter:blur(14px); }
.cp-editor-art img { position:relative; z-index:1; width:100%; max-width:100%; max-height:290px; object-fit:contain; filter:drop-shadow(0 20px 18px #0008); transform:rotate(-6deg); }
.cp-editor-skin { position:relative; padding:24px 0 30px; }
.cp-editor-skin .gp-eyebrow { font-size:8px; color:#6999ad; letter-spacing:1.8px; }
.cp-editor-skin #configWeaponName { font-size:12px; color:#8fa8ba; font-weight:500; margin:18px 0 6px; }
.cp-skin-page #configureModal #configSkinName { font-size:clamp(25px,3vw,34px); line-height:1.08; color:#f0f7fb; font-weight:750 !important; letter-spacing:-1px !important; margin:0; overflow-wrap:anywhere; }
.cp-editor-signature { position:relative; display:flex; align-items:center; gap:10px; padding-top:18px; border-top:1px solid #ffffff0d; font-size:8px; letter-spacing:1.3px; color:#638497; }
.cp-editor-signature > span:first-child { color:#55d4ec; font-size:16px; }
.cp-editor-controls { min-width:0; padding:24px 30px 20px; background:linear-gradient(130deg,#14212d,#0f1a27); }
.cp-editor-heading { margin-bottom:18px; padding-right:30px; }
.cp-editor-heading .gp-eyebrow { font-size:8px; letter-spacing:1.6px; color:#71bfd1; }
.cp-skin-page #configureModal #cp-editor-title { font-size:23px; font-weight:700 !important; letter-spacing:-.6px !important; margin:8px 0 6px; color:#edf5fb; }
.cp-editor-heading p { font-size:11px; line-height:1.5; margin:0; color:#7e98ac; }
.cp-skin-page #configForm > .mb-4 { margin-bottom:14px !important; }
.cp-skin-page #configForm .form-label { font-size:9px; font-weight:550 !important; letter-spacing:1.05px; color:#92adbf !important; margin-bottom:9px; }
.cp-skin-page #configForm .btn-outline-glass-cyan { border-radius:4px !important; min-height:39px; padding:10px; font-size:10px; letter-spacing:.6px; border-color:#ffffff0d; color:#7790a6; background:#0b1622; }
.cp-skin-page #configForm .btn-check:checked + .btn-outline-glass-cyan { background:#55d4ec12; color:#8de8f8; border-color:#55d4ec60; box-shadow:inset 0 -2px #55d4ec; }
.cp-skin-page #configForm .btn-check:focus-visible + label { outline:2px solid #8ae5f5; outline-offset:3px; }
.cp-skin-page #configForm .input-glass { background:#0b1622 !important; border:1px solid #ffffff10 !important; border-radius:4px !important; min-height:39px; font-size:12px; padding:9px 12px; }
.cp-skin-page #configForm .input-glass:focus { border-color:#55d4ec88 !important; box-shadow:0 0 0 3px #55d4ec09 !important; }
.cp-skin-page #configForm .input-glass::placeholder { color:#456073; font-size:11px; }
.cp-skin-page #configForm .input-glass:disabled { opacity:.4; }
.cp-skin-page #configForm #wearLabel { font-size:9px !important; letter-spacing:.3px !important; font-weight:550 !important; padding:4px 7px; border:1px solid currentColor; border-radius:3px; margin-bottom:5px; }
.cp-skin-page #configForm #configWear { width:85px !important; font-size:11px; font-variant-numeric:tabular-nums; }
.cp-skin-page #configForm .wear-bar-bg { height:4px; opacity:.7; }
.cp-skin-page #configForm .wear-slider::-webkit-slider-thumb { width:12px; height:16px; border:2px solid #b4f3ff; border-radius:3px; background:#0f2332; box-shadow:0 0 0 4px #55d4ec10; }
.cp-skin-page #configForm .form-check-input { width:28px; height:15px; margin-top:0; border-color:#ffffff20; cursor:pointer; }
.cp-skin-page #configForm .form-check-input:checked { background-color:#1bafc7; border-color:#55d4ec; }
.cp-skin-page #configForm #stickerSection { padding-top:16px; border-top:1px solid #ffffff0b; }
.cp-skin-page #configForm #stickerSection > .row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; }
.cp-skin-page #configForm #stickerSection .col { width:auto; min-width:0; padding:0; margin:0; }
.cp-skin-page #configForm .sticker-slot { background:#0a1520; border:1px dashed #345063; border-radius:4px !important; aspect-ratio:auto; height:60px; transition:.18s; }
.cp-skin-page #configForm .sticker-slot:hover { border-color:#55d4ec; background:#55d4ec0a; transform:translateY(-2px); }
.cp-skin-page #configForm .sticker-slot svg { width:19px; height:19px; color:#73cada !important; opacity:.7 !important; }
.cp-editor-submit { border-top:1px solid #ffffff0b; padding-top:16px; margin-top:4px; }
.cp-skin-page #configForm .btn-buy-tier-1 { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:linear-gradient(110deg,#40c9e2,#74e2ef); color:#082333; border:1px solid #7be7f4; border-radius:4px !important; font-size:11px; font-weight:750; letter-spacing:1px; margin:0 !important; box-shadow:0 5px 20px #27badc12; }
.cp-skin-page #configForm .btn-buy-tier-1 > span:last-child { font-size:20px; line-height:15px; }
.cp-skin-page #configForm .btn-buy-tier-1:hover { background:#9aeaf4; box-shadow:0 6px 24px #27badc28; }
@media(max-width:1000px) { .cp-skin-page #configureModal .modal-dialog { margin:18px; min-height:calc(100% - 36px); } }
@media(max-width:767px) {
 .cp-skin-page #configureModal .modal-dialog { margin:10px; min-height:calc(100% - 20px); }
 .cp-editor-layout { grid-template-columns:1fr; }
 .cp-editor-showcase { display:grid; grid-template-columns:1fr 1fr; padding:20px; border-right:0; border-bottom:1px solid #ffffff10; min-height:210px; }
 .cp-editor-brand { grid-column:1 / -1; padding-right:36px; }
 .cp-editor-chip { display:none; }
 .cp-editor-art { grid-column:2; grid-row:2; min-height:125px; margin:0; }
 .cp-editor-art img { max-height:150px; width:130%; }
 .cp-editor-watermark { font-size:85px; letter-spacing:-7px; }
 .cp-editor-skin { grid-column:1; grid-row:2; align-self:center; padding:18px 0 6px; }
 .cp-editor-skin #configWeaponName { margin:13px 0 5px; font-size:10px; }
 .cp-skin-page #configureModal #configSkinName { font-size:25px; }
 .cp-editor-signature { display:none; }
 .cp-editor-controls { padding:22px 20px 20px; }
 .cp-editor-heading { margin-bottom:22px; }
 .cp-skin-page #configureModal #cp-editor-title { font-size:21px; }
 .cp-skin-page #configForm .sticker-slot { aspect-ratio:1; height:auto; min-width:0; width:100%; }
}