
.sahba-layout-editor-panel {
  position: fixed;
  z-index: 2147483647;
  top: 10px;
  right: 10px;
  width: min(310px, calc(100vw - 20px));
  max-height: calc(100vh - 20px);
  box-sizing: border-box;
  overflow: auto;
  direction: rtl;
  color: #eafff7;
  background: linear-gradient(180deg, rgba(4, 55, 43, .97), rgba(1, 25, 20, .98));
  border: 1px solid rgba(222, 255, 244, .46);
  border-radius: 18px;
  padding: 14px;
  font-family: Tahoma, Arial, sans-serif;
  box-shadow: 0 18px 55px rgba(0,0,0,.58);
  user-select: none;
}
.sle-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.sle-head strong { color:#fff1a8; font-size:18px; }
.sle-head button { width:32px; height:32px; border-radius:50%; font-size:25px; }
.sahba-layout-editor-panel button,
.sahba-layout-editor-panel select {
  color:#effff9;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(220,255,244,.3);
  border-radius:10px;
  font:inherit;
}
.sle-field { display:grid; gap:6px; font-size:13px; font-weight:800; }
.sle-field select { min-height:42px; padding:0 10px; }
.sle-values { display:grid; gap:8px; margin-top:12px; }
.sle-values label { display:grid; grid-template-columns:55px 1fr 48px; align-items:center; gap:7px; font-size:12px; }
.sle-values input { width:100%; accent-color:#f1ca64; }
.sle-values output { direction:ltr; text-align:left; color:#fff0a8; font-variant-numeric:tabular-nums; }
.sle-values input[type="number"] {
  width: 74px;
  min-height: 34px;
  box-sizing: border-box;
  direction: ltr;
  text-align: center;
  color: #fff4b5;
  background: rgba(0, 0, 0, .28);
  border: 1px solid rgba(255, 231, 145, .55);
  border-radius: 8px;
  font: 700 13px/1 Tahoma, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
}
.sle-nudge { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:12px; }
.sle-nudge button { min-height:36px; font-size:12px; }
.sle-actions { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:7px; margin-top:12px; }
.sle-actions button { min-height:42px; padding:5px 8px; font-size:12px; font-weight:800; }
.sle-actions .primary { color:#17372e; background:linear-gradient(#fff0a0,#d9ad43); border-color:#fff1ae; }
.sahba-layout-editor-panel p { margin:11px 2px 0; color:rgba(230,255,247,.72); font-size:11px; line-height:1.55; }
@media (max-height: 520px) and (orientation: landscape) {
  .sahba-layout-editor-panel { width:270px; padding:10px; }
  .sle-head { margin-bottom:8px; }
  .sle-values { gap:5px; margin-top:8px; }
  .sle-nudge,.sle-actions { margin-top:8px; }
  .sahba-layout-editor-panel p { display:none; }
}
.sle-actions [data-sle-copy]{grid-column:1/-1;min-height:38px;color:#dffbf2;background:rgba(19,112,86,.72);}

.sle-actions [data-sle-restore]{grid-column:1/-1;min-height:40px;color:#fff4bf;background:rgba(132,88,12,.74);border-color:rgba(255,226,130,.55);}

/* Wider editor with center-origin rotation 20260903 */
.sahba-layout-editor-panel { width: min(440px, calc(100vw - 20px)); padding: 18px; }
.sle-values label { grid-template-columns: 92px minmax(150px, 1fr) 74px; gap: 10px; font-size: 14px; }
.sle-nudge { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sle-nudge button { min-height: 40px; font-size: 13px; }
@media (max-height: 520px) and (orientation: landscape) {
  .sahba-layout-editor-panel { width: min(400px, calc(100vw - 20px)); padding: 12px; }
  .sle-values label { grid-template-columns: 82px minmax(130px, 1fr) 58px; }
}

/* Complete direct manipulation controls 20260903 */
.sle-head-actions{display:flex;align-items:center;gap:7px}.sle-head-actions button{flex:0 0 32px}.sahba-layout-editor-panel.sle-collapsed{width:auto;min-width:210px;max-height:58px;overflow:hidden;padding:10px 12px}.sahba-layout-editor-panel.sle-collapsed>:not(.sle-head){display:none!important}.sahba-layout-editor-panel.sle-collapsed .sle-head{margin:0}.sahba-layout-editor-panel [data-sle-group]{cursor:pointer}html[data-sahba-layout-editor-active="true"] [data-layout-editor-group]{pointer-events:auto!important;touch-action:none!important;cursor:move!important}
@media (max-width:600px){.sahba-layout-editor-panel{width:min(340px,calc(100vw - 16px));top:8px;right:8px;padding:12px}.sle-values label{grid-template-columns:72px minmax(90px,1fr) 52px;font-size:12px}.sle-nudge{grid-template-columns:repeat(3,minmax(0,1fr))}.sle-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sle-actions [data-sle-copy],.sle-actions [data-sle-restore]{grid-column:1/-1}}
