.wie-panel-shapespack { --sp-gap: 12px; }
.wie-panel-shapespack .wie-panel-body { display:block; }
.wie-panel-shapespack .wie-sp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.wie-panel-shapespack .wie-sp-presets { margin-bottom: 12px; }
.wie-panel-shapespack .wie-sp-shape-btn,
.wie-panel-shapespack .wie-sp-tab,
.wie-panel-shapespack .wie-sp-actions .wie-btn {
  border:1px solid rgba(111,140,255,0.28);
  background: linear-gradient(180deg, rgba(11,22,56,0.95), rgba(7,14,35,0.92));
  color:#e9f2ff;
  border-radius:16px;
  min-height:42px;
  padding:10px 12px;
  font-weight:700;
  cursor:pointer;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.wie-panel-shapespack .wie-sp-shape-btn:hover,
.wie-panel-shapespack .wie-sp-tab:hover,
.wie-panel-shapespack .wie-sp-actions .wie-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(124,255,240,0.55);
  box-shadow: 0 0 0 1px rgba(124,255,240,0.10), 0 12px 30px rgba(6,18,48,0.22);
}
.wie-panel-shapespack .wie-sp-shape-btn.is-active,
.wie-panel-shapespack .wie-sp-tab[aria-selected="true"] {
  background: linear-gradient(180deg, rgba(55,79,130,0.96), rgba(29,40,95,0.96));
  border-color: rgba(124,255,240,0.75);
  box-shadow: inset 0 0 0 1px rgba(124,255,240,0.12), 0 10px 26px rgba(7,20,52,0.25);
}
.wie-panel-shapespack .wie-sp-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0; }
.wie-panel-shapespack .wie-sp-bottom-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wie-panel-shapespack .wie-sp-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 12px; }
.wie-panel-shapespack .wie-sp-section { display:none; }
.wie-panel-shapespack .wie-sp-section.is-active { display:block; }
.wie-panel-shapespack .wie-ts-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.wie-panel-shapespack .wie-field-row { margin-bottom: 12px; }
.wie-panel-shapespack .wie-field-row > label { display:block; font-weight:700; color:#dfe8fb; margin-bottom:6px; }
.wie-panel-shapespack .wie-input,
.wie-panel-shapespack select,
.wie-panel-shapespack input[type="number"],
.wie-panel-shapespack input[type="color"] {
  width:100%;
  min-height:42px;
  box-sizing:border-box;
}
.wie-panel-shapespack input[type="color"] {
  padding: 4px 6px;
  background: rgba(9,18,45,0.88);
}
.wie-panel-shapespack .wie-sp-card {
  background: linear-gradient(180deg, rgba(7,15,36,0.72), rgba(6,13,28,0.58));
  border:1px solid rgba(124,255,240,0.12);
  border-radius:18px;
  padding:12px;
  margin-bottom:12px;
}
.wie-panel-shapespack .wie-sp-card > label:first-child { margin-bottom:12px; }
.wie-panel-shapespack .wie-sp-status {
  min-height: 20px;
  margin-top: 6px;
  font-size: 13px;
  color: #a9bbdd;
}
.wie-panel-shapespack .wie-sp-status.is-error { color: #ff9ca0; }
.wie-panel-shapespack .wie-panel-header { margin-bottom: 10px; }
.wie-panel-shapespack input[type="checkbox"] { transform: translateY(1px); margin-right:8px; }
@media (max-width: 640px){
  .wie-panel-shapespack .wie-sp-grid,
  .wie-panel-shapespack .wie-sp-actions,
  .wie-panel-shapespack .wie-sp-bottom-actions,
  .wie-panel-shapespack .wie-sp-tabs,
  .wie-panel-shapespack .wie-ts-row { grid-template-columns:1fr; }
}