/* LENZ SELECT STUDIO Color Pro — editorial grade station */
:root{--cp-ink:#17201f;--cp-gold:#cfaa76;--cp-cream:#fff9ef;}
.studio-control-rail{padding:20px 16px 18px!important;background:linear-gradient(165deg,#fbfaf7,#eeece6)!important;}
.rail-control-head{padding-bottom:8px}
.rail-control-head h3{font-size:29px!important;line-height:1.06!important}
.control-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin-top:17px!important;background:#e1dfd8!important;padding:3px!important;border-radius:9px}
.control-tabs button{font-size:8px!important;letter-spacing:.04em!important;border-radius:6px!important;min-width:0!important;padding:10px 2px!important;transition:background .2s,color .2s}
.control-tabs button.active{background:#202a29!important;color:#f7f2e7!important;box-shadow:0 2px 7px #0002}
.studio-editor{grid-template-columns:208px minmax(0,1fr) 320px!important}
.preset-item{min-height:62px!important;border-radius:6px!important;overflow:hidden;transition:transform .16s,box-shadow .16s,border .16s}
.preset-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017}
.preset-item.active{border-color:#a47d4f!important;box-shadow:inset 0 0 0 1px #a47d4f66,0 4px 18px #c3a98127}
.preset-swatch{width:38px!important;flex-basis:38px!important;height:49px!important}
.preset-info strong{font-size:10px!important;letter-spacing:.02em}
.preset-info small{letter-spacing:.07em;font-size:7px!important}
.preset-group-label{letter-spacing:.11em!important}
.grade-wheel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 8px}
.grade-wheel-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#192426,#2e3536);border:1px solid #48504d;border-radius:12px;padding:13px 6px 9px;color:#f9efdf;gap:8px;box-shadow:0 8px 16px #1118}
.grade-wheel-card>span{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#d5c5a5}
.grade-wheel-card small{font-size:9px;font-variant-numeric:tabular-nums;color:#e6dece}
.grade-wheel{width:min(100%,112px);aspect-ratio:1;border-radius:50%;position:relative;cursor:crosshair;touch-action:none;background:radial-gradient(circle at center,#bbc1bd 0,#f2f0e6 6%,transparent 12%),conic-gradient(from 0deg,#ff3546,#ffb735,#e8ff47,#3cdb74,#39dcee,#316bfb,#ac55ed,#ff4fc4,#ff3546);box-shadow:inset 0 0 0 10px #19242690,0 0 0 1px #ffffff42;outline-offset:4px}
.grade-wheel::before{content:'';position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#eeeeeead 0,transparent 70%);pointer-events:none}
.wheel-knob{position:absolute;width:15px;height:15px;border:2.5px solid #faf8ed;box-shadow:0 0 0 1.5px #232927,0 2px 5px #000a;border-radius:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}
.wheel-neutral{position:absolute;width:5px;height:5px;border-radius:100%;background:#f9f1e4;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.grade-tip{color:#8e918b;font-size:10px;line-height:1.6;margin:8px 0 20px;text-align:center}
.studio-slider{padding-bottom:12px!important;margin-bottom:8px!important}
.studio-slider input[type=range]{accent-color:#b58950!important}
.studio-control-rail .ctrl-section-head{position:relative;padding:9px 0 7px;border-bottom:1px solid #cfcac1;color:#9d7951!important;font-weight:900}
.studio-photo-stage{background:radial-gradient(circle at 50% 20%,#384442,#151d20 70%)!important}
.studio-photo-stage canvas{max-width:100%}
.preset-rail{background:linear-gradient(180deg,#faf7f0,#f0ede5)!important}
.studio-look-pill{background:#293331bb!important;color:#ead6b7!important;border:1px solid #d1b68c55!important}
@media(max-width:1370px){.studio-editor{grid-template-columns:185px minmax(0,1fr) 288px!important}}
@media(max-width:1120px){.studio-editor{grid-template-columns:190px minmax(0,1fr)!important}.studio-control-rail{grid-column:1/-1}.studio-controls-body{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grade-wheel-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.studio-editor{display:flex!important;flex-direction:column!important}.studio-control-rail{order:3}.studio-controls-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.grade-wheel-grid{grid-column:1/-1}.preset-rail{order:2}.studio-canvas-area{order:1}}
@media(max-width:480px){.studio-controls-body{grid-template-columns:1fr!important}.grade-wheel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-tabs button{font-size:8px!important}.studio-control-rail{padding:18px 12px!important}}

.color-pro-count{font-size:8px;letter-spacing:1.1px;padding:9px 7px;border-left:2px solid #ad8754;background:#eae1d1a0;color:#826344;font-weight:800;margin:12px 0 16px}