body.px-col-c1 .character-column{background:url(../img/stone-column-shaft.webp) center bottom/100% auto repeat-y!important;border:none!important}
body.px-cap-c1 .character-column:before{background:url(../img/stone-column-cap.webp) 0 0/100% 100% no-repeat!important;border:none!important}
body.px-ped-c1 .character-pedestal{background:url(../img/stone-pedestal.webp) 0 0/100% 100% no-repeat!important;border:none!important}
.px-sw-c1{background:url(../img/stone-column-shaft.webp) center/cover!important}

body.px-col-c2 .character-column,body.px-cap-c2 .character-column:before,body.px-ped-c2 .character-pedestal,.px-sw-c2{background:repeating-linear-gradient(0deg,transparent 0 16px,rgba(21,16,9,.8) 16px 18px),repeating-linear-gradient(90deg,transparent 0 24px,rgba(21,16,9,.6) 24px 26px),linear-gradient(90deg,#4a3a26,#5c4830 46%,#3e2f1e)!important;border:1px solid rgba(138,111,74,.6)!important}

body.px-col-c3 .character-column,body.px-cap-c3 .character-column:before,body.px-ped-c3 .character-pedestal,.px-sw-c3{background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,182,74,.4) 18px 20px),repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,182,74,.27) 26px 28px),linear-gradient(90deg,#2e2418,#3a2d1d 46%,#251c12)!important;border:1px solid rgba(255,182,74,.53)!important}

body.px-col-c4 .character-column,body.px-cap-c4 .character-column:before,body.px-ped-c4 .character-pedestal,.px-sw-c4{background:linear-gradient(115deg,transparent 0 38%,rgba(185,168,142,.4) 40% 42%,transparent 44% 66%,rgba(168,151,125,.33) 68% 70%,transparent 72%) 0 0/90px 100% repeat,linear-gradient(90deg,#d8cbb4,#e9dfc9 48%,#c9bba0)!important;border:1px solid #b9a88e!important}

body.px-col-c5 .character-column,body.px-cap-c5 .character-column:before,body.px-ped-c5 .character-pedestal,.px-sw-c5{background:radial-gradient(circle at 30% 40%,rgba(20,18,15,.25) 1.5px,transparent 2.5px) 0 0/22px 20px repeat,repeating-linear-gradient(0deg,transparent 0 24px,rgba(28,26,23,.65) 24px 27px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(28,26,23,.5) 34px 37px),linear-gradient(90deg,#6b655c,#7d766b 46%,#5c564d)!important;border:1px solid rgba(138,133,122,.53)!important}

body.px-col-c6 .character-column,body.px-cap-c6 .character-column:before,body.px-ped-c6 .character-pedestal,.px-sw-c6{background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(30,19,8,.45) 46px 48px),repeating-linear-gradient(90deg,#6a4b2a 0 13px,#54381e 13px 15px,#734f2d 15px 27px,#4e3319 27px 29px)!important;border:1px solid rgba(138,111,74,.6)!important}

body.px-col-c7 .character-column,body.px-cap-c7 .character-column:before,body.px-ped-c7 .character-pedestal,.px-sw-c7{background:radial-gradient(circle at 7px 7px,#9aa0a8 2px,#565b63 2.8px,transparent 3.8px) 0 0/26px 28px repeat,repeating-linear-gradient(0deg,transparent 0 30px,rgba(16,18,21,.85) 30px 34px),linear-gradient(180deg,#3a3f46,#24272c)!important;border:1px solid rgba(107,114,123,.6)!important}

body.px-col-c8 .character-column,body.px-cap-c8 .character-column:before,body.px-ped-c8 .character-pedestal,.px-sw-c8{background:repeating-linear-gradient(45deg,transparent 0 13px,rgba(255,182,74,.33) 13px 15px),repeating-linear-gradient(-45deg,transparent 0 13px,rgba(255,182,74,.33) 13px 15px),linear-gradient(90deg,#5c1f24,#7a2a30 50%,#4e1a1f)!important;border:1px solid rgba(255,182,74,.6)!important}

body.px-col-c9 .character-column,body.px-cap-c9 .character-column:before,body.px-ped-c9 .character-pedestal,.px-sw-c9{background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(21,16,9,.9) 14px 16px),repeating-linear-gradient(-45deg,transparent 0 14px,rgba(21,16,9,.9) 14px 16px),conic-gradient(from 45deg,#8a5a1e 0 25%,#5c1f24 25% 50%,#3f5c2a 50% 75%,#1e3a5c 75%) 0 0/40px 40px repeat!important;border:1px solid rgba(255,182,74,.4)!important}

body.px-col-c10 .character-column,body.px-cap-c10 .character-column:before,body.px-ped-c10 .character-pedestal,.px-sw-c10{background:radial-gradient(ellipse 120% 55% at 50% 8%,rgba(255,182,74,.28),transparent 60%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(16,12,8,.7) 18px 20px),repeating-linear-gradient(90deg,transparent 0 26px,rgba(16,12,8,.5) 26px 28px),linear-gradient(180deg,#3a2f20,#241c12)!important;border:1px solid rgba(138,111,74,.53)!important}

body.px-col-a2 .character-column,body.px-cap-a2 .character-column:before,body.px-ped-a2 .character-pedestal,.px-sw-a2{background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(118,243,220,.3) 18px 20px),repeating-linear-gradient(90deg,transparent 0 24px,rgba(118,243,220,.2) 24px 26px),linear-gradient(90deg,#12405c,#1b5a74 46%,#0d3450)!important;border:1px solid rgba(118,243,220,.6)!important}

body.px-col-a3 .character-column,body.px-cap-a3 .character-column:before,body.px-ped-a3 .character-pedestal,.px-sw-a3{background:linear-gradient(115deg,#0b2740 0 18%,#1c6e6a 26%,rgba(118,243,220,.33) 34%,#0b2740 46%,#7d6cc9 58%,rgba(176,122,255,.27) 66%,#0b2740 78%,#2ba98f 90%,#0b2740) 0 0/220% 100%!important;border:1px solid rgba(118,243,220,.5)!important}

body.px-col-a4 .character-column,body.px-cap-a4 .character-column:before,body.px-ped-a4 .character-pedestal,.px-sw-a4{background:radial-gradient(circle at 18% 22%,#fff 1.2px,transparent 2.4px) 0 0/52px 52px repeat,radial-gradient(circle at 66% 12%,#cfe9ff 1px,transparent 2px) 0 0/52px 52px repeat,radial-gradient(circle at 42% 56%,#fff 1.3px,transparent 2.6px) 0 0/52px 52px repeat,radial-gradient(circle at 82% 44%,#9fd8ff 1px,transparent 2px) 0 0/52px 52px repeat,radial-gradient(circle at 28% 84%,#e6f6ff 1.1px,transparent 2.2px) 0 0/52px 52px repeat,linear-gradient(180deg,#0a1e33,#123252)!important;border:1px solid rgba(159,196,255,.4)!important}

body.px-col-a5 .character-column,body.px-cap-a5 .character-column:before,body.px-ped-a5 .character-pedestal,.px-sw-a5{background:linear-gradient(90deg,rgba(255,255,255,.3) 0 8%,transparent 20%),repeating-linear-gradient(90deg,rgba(191,232,243,.13) 0 5px,transparent 5px 12px),linear-gradient(90deg,#2e5f78,#5d94a8 45%,#274f66)!important;border:1px solid rgba(216,246,255,.4)!important}

body.px-col-a1 .character-column,body.px-cap-a1 .character-column:before,body.px-ped-a1 .character-pedestal,.px-sw-a1{background:repeating-linear-gradient(0deg,#0d2c45 0 12px,#1a4a63 12px 22px,#2a6f86 22px 26px,rgba(118,243,220,.27) 26px 28px)!important;border:1px solid rgba(118,243,220,.4)!important}

body.px-col-a6 .character-column,body.px-cap-a6 .character-column:before,body.px-ped-a6 .character-pedestal,.px-sw-a6{background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(118,243,220,.67) 22px 25px,transparent 25px 29px,rgba(118,243,220,.4) 29px 31px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(10,48,73,.87) 17px 19px),linear-gradient(90deg,#173a52,#1f4d67 50%,#122d44)!important;border:1px solid rgba(118,243,220,.6)!important}

body.px-col-a7 .character-column,body.px-cap-a7 .character-column:before,body.px-ped-a7 .character-pedestal,.px-sw-a7{background:linear-gradient(120deg,rgba(207,252,243,.27) 25%,transparent 25%) 0 0/40px 36px repeat,linear-gradient(240deg,rgba(10,48,73,.8) 25%,transparent 25%) 0 0/40px 36px repeat,linear-gradient(60deg,rgba(118,243,220,.2) 25%,transparent 25%) 0 0/40px 36px repeat,linear-gradient(300deg,#12405c 25%,transparent 25%) 0 0/40px 36px repeat,linear-gradient(180deg,#1f6d76,#134159)!important;border:1px solid rgba(184,255,240,.67)!important}

body.px-col-a8 .character-column,body.px-cap-a8 .character-column:before,body.px-ped-a8 .character-pedestal,.px-sw-a8{background:radial-gradient(circle at 50% 0,rgba(118,243,220,.24) 9px,transparent 10px) 0 0/34px 22px repeat,radial-gradient(circle at 0 0,rgba(118,243,220,.24) 9px,transparent 10px) 0 0/34px 22px repeat,radial-gradient(circle at 100% 0,rgba(118,243,220,.24) 9px,transparent 10px) 0 0/34px 22px repeat,linear-gradient(180deg,#0f3854,#17516d)!important;border:1px solid rgba(118,243,220,.5)!important}

body.px-col-a9 .character-column,body.px-cap-a9 .character-column:before,body.px-ped-a9 .character-pedestal,.px-sw-a9{background:repeating-linear-gradient(90deg,rgba(207,238,245,.2) 0 2px,transparent 2px 5px),linear-gradient(90deg,#39647a,#7fa9b8 30%,#446e83 52%,#8fb6c2 74%,#35606f)!important;border:1px solid rgba(169,219,229,.67)!important}

body.px-col-a10 .character-column,body.px-cap-a10 .character-column:before,body.px-ped-a10 .character-pedestal,.px-sw-a10{background:linear-gradient(180deg,#f4feff 0 8px,rgba(205,238,245,.2) 8px 11px,transparent 11px),radial-gradient(circle at 30% 40%,rgba(232,248,253,.13) 3px,transparent 4px) 0 0/36px 32px repeat,radial-gradient(circle at 70% 66%,rgba(232,248,253,.12) 2.6px,transparent 3.6px) 0 0/40px 34px repeat,linear-gradient(160deg,#2d4a5e,#1a3245 55%,#243d51)!important;border:1px solid rgba(234,252,255,.6)!important}

body.px-col-o1 .character-column,body.px-cap-o1 .character-column:before,body.px-ped-o1 .character-pedestal,.px-sw-o1{background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(125,74,32,.47) 20px 22px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(125,74,32,.33) 28px 30px),linear-gradient(90deg,#c9964f,#e0b06a 46%,#b9834a)!important;border:1px solid rgba(255,207,91,.5)!important}

body.px-col-o2 .character-column,body.px-cap-o2 .character-column:before,body.px-ped-o2 .character-pedestal,.px-sw-o2{background:conic-gradient(from 0deg at 50% 50%,#1c6a6b 0 25%,#ffcf5b 25% 26.5%,#155158 26.5% 50%,#ffcf5b 50% 51.5%,#20787a 51.5% 75%,#ffcf5b 75% 76.5%,#1c6a6b 76.5%) 0 0/28px 28px repeat!important;border:1px solid rgba(255,207,91,.6)!important}

body.px-col-o3 .character-column,body.px-cap-o3 .character-column:before,body.px-ped-o3 .character-pedestal,.px-sw-o3{background:repeating-linear-gradient(55deg,transparent 0 14px,rgba(46,125,91,.4) 14px 19px,transparent 19px 26px,rgba(63,154,106,.27) 26px 30px),linear-gradient(90deg,#d8a75c,#e8bd74 50%,#c99551)!important;border:1px solid rgba(255,207,91,.5)!important}

body.px-col-o4 .character-column,body.px-cap-o4 .character-column:before,body.px-ped-o4 .character-pedestal,.px-sw-o4{background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 30% 70%,rgba(0,0,0,.2)),repeating-linear-gradient(0deg,#a2542f 0 10px,#b96438 10px 14px,#8f4527 14px 24px,#c0703f 24px 26px)!important;border:1px solid rgba(255,185,128,.4)!important}

body.px-col-o5 .character-column,body.px-cap-o5 .character-column:before,body.px-ped-o5 .character-pedestal,.px-sw-o5{background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,207,91,.53) 14px 16px),repeating-linear-gradient(-45deg,transparent 0 14px,rgba(255,207,91,.53) 14px 16px),linear-gradient(90deg,#124a52,#186067 50%,#0e3d46)!important;border:1px solid #ffcf5b!important}

body.px-col-o6 .character-column,body.px-cap-o6 .character-column:before,body.px-ped-o6 .character-pedestal,.px-sw-o6{background:radial-gradient(circle at 50% 118%,#e9bd72 0 34%,transparent 35%) 0 0/44px 24px repeat,radial-gradient(circle at 0% 118%,#dca95e 0 34%,transparent 35%) 0 0/44px 24px repeat,radial-gradient(circle at 100% 118%,#dca95e 0 34%,transparent 35%) 0 0/44px 24px repeat,linear-gradient(180deg,#f0cd85,#c99551)!important;border:1px solid rgba(255,217,138,.53)!important}

body.px-col-o7 .character-column,body.px-cap-o7 .character-column:before,body.px-ped-o7 .character-pedestal,.px-sw-o7{background:linear-gradient(45deg,#a9713a 12%,transparent 12% 88%,#a9713a 88%) 0 0/24px 24px repeat,linear-gradient(-45deg,#8f5a2c 12%,transparent 12% 88%,#8f5a2c 88%) 0 0/24px 24px repeat,repeating-linear-gradient(90deg,#c99551 0 12px,#b9834a 12px 24px)!important;border:1px solid rgba(217,165,94,.6)!important}

body.px-col-o8 .character-column,body.px-cap-o8 .character-column:before,body.px-ped-o8 .character-pedestal,.px-sw-o8{background:radial-gradient(circle at 50% 50%,#ffcf5b 3.5px,rgba(255,207,91,0) 4.5px) 0 0/30px 30px repeat,conic-gradient(from 45deg,#155158 0 25%,#1c6a6b 25% 50%,#155158 50% 75%,#1c6a6b 75%) 0 0/30px 30px repeat!important;border:1px solid rgba(255,207,91,.6)!important}

body.px-col-o9 .character-column,body.px-cap-o9 .character-column:before,body.px-ped-o9 .character-pedestal,.px-sw-o9{background:radial-gradient(ellipse 52px 22px at 24% 30%,rgba(104,196,174,.33),transparent 60%),radial-gradient(ellipse 46px 20px at 78% 64%,rgba(87,179,157,.27),transparent 60%),repeating-linear-gradient(24deg,transparent 0 26px,rgba(13,71,75,.4) 26px 28px),linear-gradient(160deg,#2b8a80,#1d6a66 55%,#25807a)!important;border:1px solid rgba(127,214,197,.6)!important}

body.px-col-o10 .character-column,body.px-cap-o10 .character-column:before,body.px-ped-o10 .character-pedestal,.px-sw-o10{background:repeating-linear-gradient(0deg,#b3502e 0 9px,#ffcf5b 9px 11.5px,#155158 11.5px 20px,#e8bd74 20px 22.5px,#8f4527 22.5px 31px,#1c6a6b 31px 33.5px)!important;border:1px solid rgba(255,207,91,.6)!important}

body.px-col-p2 .character-column,body.px-cap-p2 .character-column:before,body.px-ped-p2 .character-pedestal,.px-sw-p2{background:radial-gradient(circle at 30% 30%,rgba(0,0,0,.031) 2px,transparent 3px) 0 0/32px 28px repeat,radial-gradient(circle at 72% 62%,rgba(0,0,0,.024) 2px,transparent 3px) 0 0/36px 30px repeat,linear-gradient(90deg,#d9c19c,#e9d6b4 48%,#cdb28c)!important;border:1px solid #c9b18f!important}

body.px-col-p3 .character-column,body.px-cap-p3 .character-column:before,body.px-ped-p3 .character-pedestal,.px-sw-p3{background:linear-gradient(120deg,#fff 25%,transparent 25%) 0 0/44px 38px repeat,linear-gradient(240deg,rgba(207,217,214,.4) 25%,transparent 25%) 0 0/44px 38px repeat,linear-gradient(60deg,rgba(243,236,224,.2) 25%,transparent 25%) 0 0/44px 38px repeat,linear-gradient(300deg,#e3ded1 25%,transparent 25%) 0 0/44px 38px repeat,linear-gradient(180deg,#f6f1e6,#e6e0d2)!important;border:1px solid #d8cfc0!important}

body.px-col-p1 .character-column,body.px-cap-p1 .character-column:before,body.px-ped-p1 .character-pedestal,.px-sw-p1{background:linear-gradient(90deg,transparent 0 14px,rgba(233,108,92,.53) 14px 15.5px,transparent 15.5px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(157,184,207,.53) 17px 18.5px),linear-gradient(180deg,#fffdf6,#f2ecdd)!important;border:1px solid #b9c6d1!important}

body.px-col-p4 .character-column,body.px-cap-p4 .character-column:before,body.px-ped-p4 .character-pedestal,.px-sw-p4{background:repeating-linear-gradient(90deg,#d3b184 0 6px,#c19b63 6px 9px,#e2c79b 9px 12px)!important;border:1px solid #c4a26f!important}

body.px-col-p5 .character-column,body.px-cap-p5 .character-column:before,body.px-ped-p5 .character-pedestal,.px-sw-p5{background:repeating-linear-gradient(0deg,#f9d5cd 0 22px,#cfe4de 22px 44px,#f7e8c6 44px 66px,#d7e2ef 66px 88px)!important;border:1px solid #d8cfc0!important}

body.px-col-p6 .character-column,body.px-cap-p6 .character-column:before,body.px-ped-p6 .character-pedestal,.px-sw-p6{background:linear-gradient(90deg,rgba(0,0,0,.027),transparent 20% 80%,rgba(0,0,0,.05)),linear-gradient(180deg,#fffdf6 0 22%,#f4e9d4 22% 24%,#f1e5ce 24% 46%,#e6ddc7 46% 48%,#efe2c8 48% 72%,#e0d5bd 72% 74%,#e9dcc0 74%)!important;border:1px solid #d8cfc0!important}

body.px-col-p7 .character-column,body.px-cap-p7 .character-column:before,body.px-ped-p7 .character-pedestal,.px-sw-p7{background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.33) 7px 9px),repeating-linear-gradient(0deg,rgba(233,108,92,.8) 0 17px,#fffdf6 17px 36px,rgba(127,181,170,.8) 36px 53px,#fffdf6 53px 72px)!important;border:1px solid #dcd3c4!important}

body.px-col-p8 .character-column,body.px-cap-p8 .character-column:before,body.px-ped-p8 .character-pedestal,.px-sw-p8{background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(157,184,207,.33) 8px 9px),repeating-linear-gradient(90deg,transparent 0 8px,rgba(157,184,207,.33) 8px 9px),repeating-linear-gradient(0deg,transparent 0 40px,rgba(125,156,184,.53) 40px 41.5px),repeating-linear-gradient(90deg,transparent 0 40px,rgba(125,156,184,.53) 40px 41.5px),linear-gradient(180deg,#fbf8ef,#eef0ea)!important;border:1px solid #b9c6d1!important}

body.px-col-p9 .character-column,body.px-cap-p9 .character-column:before,body.px-ped-p9 .character-pedestal,.px-sw-p9{background:repeating-linear-gradient(45deg,transparent 0 4.5px,rgba(93,109,120,.2) 4.5px 6px),repeating-linear-gradient(43deg,transparent 0 10px,rgba(93,109,120,.13) 10px 11px),linear-gradient(180deg,#f4f1e9,#e8e6de)!important;border:1px solid #c9cdd1!important}

body.px-col-p10 .character-column,body.px-cap-p10 .character-column:before,body.px-ped-p10 .character-pedestal,.px-sw-p10{background:radial-gradient(circle at 24% 30%,rgba(233,108,92,.17) 3px,transparent 4px) 0 0/38px 34px repeat,radial-gradient(circle at 70% 64%,rgba(127,181,170,.2) 3px,transparent 4px) 0 0/42px 36px repeat,linear-gradient(180deg,#fdf7ea,#f2e8d5)!important;border:2px dashed rgba(233,108,92,.6)!important}

.pillar-pickers{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.pillar-intro{margin:0}
.pillar-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.pillar-row-title{font-weight:800;font-size:14px;color:var(--theme-ink,#f2e8d8)}
.pillar-row-head .px-name, .pillar-row-head .bg-name{color:var(--theme-muted,#bfae93);font-size:12px;text-align:right}
.px-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.px-swatch{position:relative;height:36px;min-width:0;border-radius:8px;cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}
.px-swatch:hover{transform:translateY(-2px)}
.px-swatch .px-num{position:absolute;right:3px;bottom:1px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none}
body.theme-paper .px-swatch .px-num{color:#263842;text-shadow:0 1px 2px rgba(255,255,255,.85)}

.pillar-pickers .px-swatch{border:2px solid var(--theme-line,#5a4a33)!important}
.pillar-pickers .px-swatch:hover{border-color:var(--theme-muted,#bfae93)!important}
.pillar-pickers .px-swatch.active{border-color:var(--theme-accent,#ffb64a)!important;box-shadow:0 0 0 2px var(--theme-accent-soft,rgba(255,182,74,.28))}
@media(max-width:640px){.px-strip{grid-template-columns:repeat(5,1fr)}.px-swatch{height:32px}}