/* A compact manicure station and a slightly clearer, persistent color control. */
.style-toolbox{grid-template-columns:repeat(11,minmax(0,1fr))}
.custom-section:has(>.color-row){grid-column:1 / -1}
.nail-studio-note{margin:8px 6px 12px;color:#784f72;font-weight:700;font-size:14px}
.nail-studio-note span{display:block;margin-top:5px;font-weight:400;font-size:12px;line-height:1.5;color:#796b79}
.custom-sections:has([data-feature-field=nailShape]){display:block}
.custom-section[data-feature-field=nailShape] .option-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.custom-section[data-feature-field=nailDesign] .option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.custom-panel .nail-preview{height:82px}
.custom-section[data-feature-field^=nail] .option-button>span:last-child{font-size:11px;padding:5px;min-height:27px}
.custom-section[data-feature-field^=nail]{margin-bottom:8px}
.custom-color-control{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 10px;border:1px solid #cfa8c5;border-radius:12px;background:linear-gradient(120deg,#fff2f7,#f5effb);color:#62405d;cursor:pointer}
.custom-section>.custom-color-control{margin-top:12px}
.custom-color-control input[type=color]{flex:0 0 40px;width:40px;height:40px;min-width:40px;border:1px solid #bb87ac;border-radius:9px;padding:3px;background:white;cursor:pointer}
.custom-color-control>span:not(.color-control-arrow){display:flex;flex-direction:column;gap:3px;min-width:0}
.custom-color-control strong{font-size:12px;line-height:1.25}
.custom-color-control small{font-size:10px;line-height:1.25;color:#806477}
.custom-color-control .color-control-arrow{margin-left:auto;font-size:18px}
.custom-color-control:focus-within{outline:2px solid #94608b;outline-offset:2px}
.custom-color-control:hover{border-color:#a8789e;background:#f8eaf5}
.color-picker{max-height:190px}
.color-picker .custom-color{order:-1;flex-basis:100%;width:100%;flex-wrap:wrap}
.color-picker .field-label{order:-2}
.custom-color .custom-color-control{flex:1;min-width:170px;font-size:12px}
.custom-color .custom-color-control input{width:40px;height:40px;min-width:40px}
.custom-panel .default-swatch{width:auto;min-width:72px;padding:0 9px}
.custom-panel .default-swatch>span{display:block;color:#493142;font-size:11px;font-weight:700;text-shadow:0 1px 2px #fff9}
.nail-preview svg,.avatar-render[data-camera=nails] svg{overflow:hidden}
.avatar-render[data-camera=nails]{animation:cameraSettle .24s ease-out}
@media(max-width:700px){
  .style-toolbox{grid-template-columns:repeat(6,minmax(0,1fr))}
  .style-tool{flex-direction:column;gap:2px}
  .style-tool strong{font-size:10px}
  .custom-color-control{gap:7px;padding:6px}
  .custom-color .custom-color-control{min-width:0;width:100%;flex-basis:100%}
  .custom-color .btn{display:none} /* The same remove action stays on the item and Your look. */
  .custom-color-control small{font-size:9px}
  .custom-color-control .color-control-arrow{display:none}
  .custom-section[data-feature-field=nailShape] .option-grid,.custom-section[data-feature-field=nailDesign] .option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .custom-panel .nail-preview{height:66px}
  .custom-section[data-feature-field^=nail] .option-button>span:last-child{font-size:10px}
  .color-picker{max-height:184px}
}
@media(prefers-reduced-motion:reduce){.avatar-render[data-camera=nails]{animation:none}}