.wie-panel-paint-studio{ color:#eaf1ff !important; }
.wie-panel-paint-studio *{ box-sizing:border-box; }
.wie-panel-paint-studio h4,
.wie-panel-paint-studio summary,
.wie-panel-paint-studio label,
.wie-panel-paint-studio strong,
.wie-panel-paint-studio small,
.wie-panel-paint-studio div,
.wie-panel-paint-studio span{ color:inherit; }
.wie-panel-paint-studio .wie-ps-card{
  display:flex; flex-direction:column; gap:8px; padding:12px 14px; margin-bottom:12px;
  border:1px solid rgba(124,255,234,.16); border-radius:14px;
  background:linear-gradient(180deg, rgba(20,31,56,.92) 0%, rgba(12,18,33,.92) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.18);
}
.wie-panel-paint-studio .wie-ps-card strong{ color:#f2f7ff !important; font-size:14px; }
.wie-panel-paint-studio .wie-ps-card small{ color:#aebfe6 !important; line-height:1.45; font-size:12px; }
.wie-panel-paint-studio .wie-ps-group{
  margin:0 0 12px; border:1px solid rgba(111,140,255,.14); border-radius:16px;
  background:linear-gradient(180deg, rgba(19,28,50,.96) 0%, rgba(11,17,31,.96) 100%);
  overflow:hidden; color:#eaf1ff !important;
}
.wie-panel-paint-studio .wie-ps-group > summary{
  cursor:pointer; padding:13px 15px; font-weight:800; font-size:13px; letter-spacing:.01em;
  list-style:none; user-select:none; color:#f4f7ff !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.01) 100%);
}
.wie-panel-paint-studio .wie-ps-group > summary::-webkit-details-marker{ display:none; }
.wie-panel-paint-studio .wie-ps-group[open] > summary{ border-bottom:1px solid rgba(111,140,255,.12); }
.wie-panel-paint-studio .wie-ps-group > :not(summary){ padding-left:14px; padding-right:14px; }
.wie-panel-paint-studio .wie-field-row{ margin-bottom:12px; }
.wie-panel-paint-studio .wie-field-row label{ display:block; margin-bottom:7px; font-weight:700; font-size:12px; line-height:1.35; color:#cfe0ff !important; }
.wie-panel-paint-studio .wie-grid-2,
.wie-panel-paint-studio .wie-grid-3,
.wie-panel-paint-studio .wie-grid-4{ display:grid; gap:12px; }
.wie-panel-paint-studio .wie-grid-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.wie-panel-paint-studio .wie-grid-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.wie-panel-paint-studio .wie-grid-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.wie-panel-paint-studio .wie-input,
.wie-panel-paint-studio select,
.wie-panel-paint-studio input[type="number"],
.wie-panel-paint-studio input[type="text"],
.wie-panel-paint-studio input[type="color"]{ width:100%; }
.wie-panel-paint-studio input[type="color"]{
  min-height:40px; border-radius:12px; padding:4px; background:#11192c; border:1px solid #2a3d64;
}
.wie-panel-paint-studio .wie-output{
  display:inline-flex; align-items:center; justify-content:center; min-width:58px; min-height:32px;
  padding:6px 10px; margin-top:6px; border-radius:999px; font-weight:800; color:#dff2ff !important;
  background:#0f1930; border:1px solid rgba(111,140,255,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.wie-panel-paint-studio .wie-btn-row{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 14px; }
.wie-panel-paint-studio .wie-ps-actions .button{ min-width:120px; }
.wie-panel-paint-studio .wie-ps-check{ display:flex !important; align-items:center; gap:8px; font-weight:600 !important; margin-bottom:0 !important; color:#dbe7ff !important; }
.wie-panel-paint-studio .wie-ps-check input{ flex:0 0 auto; }
.wie-panel-paint-studio .wie-ps-swatches{ display:grid; grid-template-columns:repeat(8, minmax(0,1fr)); gap:8px; margin:8px 0 10px; }
.wie-panel-paint-studio .wie-ps-swatch{
  width:100%; aspect-ratio:1/1; border-radius:12px; border:1px solid rgba(255,255,255,.16); cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 2px 10px rgba(0,0,0,.2);
}
.wie-panel-paint-studio .wie-ps-brush-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin:0 0 12px; }
.wie-panel-paint-studio .wie-ps-brush-btn{
  justify-content:center; text-align:center; min-height:36px; font-size:12px; font-weight:700;
}
.wie-panel-paint-studio .wie-ps-brush-btn.is-active,
.wie-panel-paint-studio .wie-ps-toggle.is-active{ 
  background:linear-gradient(180deg, rgba(124,255,234,.18) 0%, rgba(90,184,255,.12) 100%) !important;
  border-color:rgba(124,255,234,.38) !important; color:#f8ffff !important;
}
.wie-panel-paint-studio .wie-ps-footnote{ font-size:12px; color:#9fb4de !important; line-height:1.45; margin-top:6px; }
.wie-paint-overlay{
  position:absolute; z-index:9; pointer-events:none; touch-action:none; background:transparent;
}
.wie-paint-cursor{
  position:absolute; z-index:11; pointer-events:none; border:1.5px solid rgba(255,255,255,.92);
  border-radius:999px; transform:translate(-50%, -50%); mix-blend-mode:difference; box-shadow:0 0 0 1px rgba(0,0,0,.35);
}
.wie-paint-cursor::after{
  content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.75); border-radius:999px;
}
.wie-panel-paint-studio .button,
.wie-panel-paint-studio .button.button-primary{ color:#edf5ff !important; }
.wie-panel-paint-studio input[type="range"]{ width:100%; }
@media (max-width: 640px){
  .wie-panel-paint-studio .wie-grid-2,
  .wie-panel-paint-studio .wie-grid-3,
  .wie-panel-paint-studio .wie-grid-4,
  .wie-panel-paint-studio .wie-ps-brush-grid{ grid-template-columns:1fr; }
  .wie-panel-paint-studio .wie-btn-row .button{ width:100%; }
  .wie-panel-paint-studio .wie-ps-swatches{ grid-template-columns:repeat(6, minmax(0,1fr)); }
}