/* Stage 13 — integrated editing toolbar and collapsible layers/tools drawer. */
#root button#jnaf-editor-split-toolbar-button-stage13 {
  height:34px !important; min-height:34px !important; min-width:96px !important;
  display:inline-flex !important; flex:0 0 auto !important; align-items:center !important;
  justify-content:center !important; gap:6px !important; padding:0 10px !important;
  white-space:nowrap !important; overflow:visible !important;
  border:1px solid #0e9488 !important; border-radius:11px !important;
  background:linear-gradient(135deg,#e0fbf7,#c8f7ee) !important; color:#075e59 !important;
  box-shadow:0 2px 7px rgba(15,118,110,.14) !important;
  font-family:Vazirmatn,IRANSans,Tahoma,sans-serif !important; font-size:12px !important; font-weight:800 !important;
}
#root button#jnaf-editor-split-toolbar-button-stage13:hover {
  background:linear-gradient(135deg,#c8f7ee,#a7f3e6) !important; border-color:#0f766e !important;
  transform:translateY(-1px) !important; box-shadow:0 5px 13px rgba(15,118,110,.20) !important;
}
#root button#jnaf-editor-split-toolbar-button-stage13[aria-pressed="true"] {
  background:linear-gradient(135deg,#0f9f96,#0f766e) !important; border-color:#0f766e !important; color:#fff !important;
  box-shadow:0 5px 16px rgba(15,118,110,.30) !important;
}
#root button#jnaf-editor-split-toolbar-button-stage13 svg { width:16px !important; height:16px !important; flex:0 0 16px !important; }
#root div[style*="z-index: 10003"][id="jnaf-editing-toolbar-stage13"] {
  border:1px solid rgba(184,202,226,.96) !important; border-radius:18px !important;
  overflow-x:hidden !important; overflow-y:auto !important; transition:opacity .18s ease,transform .18s ease !important;
}
#root #jnaf-tools-layers-drawer-stage13 {
  max-width:min(340px,calc(100vw - 20px)) !important;
  border:1px solid rgba(200,216,237,.92) !important; border-top-left-radius:22px !important;
  border-bottom-left-radius:22px !important; box-shadow:-18px 0 48px rgba(15,35,65,.22) !important;
  backdrop-filter:blur(16px) saturate(135%) !important;
  transition:width .28s cubic-bezier(.2,.75,.25,1),opacity .22s ease,box-shadow .22s ease !important;
}
/* The old theme has responsive width overrides. Explicit data-state selectors make
   collapse deterministic while still following React's current open/closed state. */
#root #jnaf-tools-layers-drawer-stage13[data-stage13-open="false"] {
  width:0 !important; opacity:0 !important; pointer-events:none !important; box-shadow:none !important;
}
#root #jnaf-tools-layers-drawer-stage13[data-stage13-open="true"] {
  width:min(340px,calc(100vw - 20px)) !important; opacity:1 !important; pointer-events:auto !important;
}
#root #jnaf-tools-layers-drawer-stage13 > div:first-child {
  min-height:102px !important; padding-left:58px !important;
  background:linear-gradient(135deg,#172d50 0%,#214b78 60%,#176d79 100%) !important;
}
#root button#jnaf-layers-drawer-collapse-stage13 {
  position:absolute !important; top:12px !important; left:12px !important; z-index:20 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important;
  padding:0 !important; border:1px solid rgba(255,255,255,.44) !important; border-radius:11px !important;
  color:#fff !important; background:rgba(255,255,255,.14) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.13) !important;
}
#root button#jnaf-layers-drawer-collapse-stage13 svg { width:18px !important; height:18px !important; }
#root button#jnaf-layers-drawer-collapse-stage13:hover { background:rgba(255,255,255,.25) !important; }
#root button[title="منوی ابزارها و مدیریت لایه‌ها"][aria-expanded="true"] {
  border-color:#79a7f8 !important; background:linear-gradient(135deg,#edf5ff,#fff) !important;
  box-shadow:0 0 0 3px rgba(49,93,245,.12),0 10px 25px rgba(17,43,81,.18) !important;
}
#root button[title="نوار ابزار ویرایش و ترسیم"][aria-expanded="true"] {
  background:linear-gradient(135deg,#dfeafe,#fff) !important; border-color:#94b5fa !important;
  box-shadow:0 0 0 3px rgba(49,93,245,.12),0 10px 25px rgba(17,43,81,.18) !important;
}
@media(max-width:1000px) {
  #root button#jnaf-editor-split-toolbar-button-stage13 { min-width:42px !important; width:42px !important; padding:0 8px !important; }
  #root button#jnaf-editor-split-toolbar-button-stage13 .jnaf-split-label-stage13 { display:none !important; }
  #root #jnaf-tools-layers-drawer-stage13 { max-width:min(330px,calc(100vw - 16px)) !important; }
}
@media(max-width:700px) {
  #root div[style*="z-index: 10003"][id="jnaf-editing-toolbar-stage13"] {
    top:66px !important; left:8px !important; right:8px !important; max-width:calc(100vw - 16px) !important;
    max-height:min(42vh,330px) !important; border-radius:16px !important;
  }
  #root #jnaf-tools-layers-drawer-stage13 { top:64px !important; right:6px !important; left:auto !important; height:calc(100% - 72px) !important; max-width:calc(100vw - 12px) !important; border-radius:18px !important; }
  #root #jnaf-tools-layers-drawer-stage13[data-stage13-open="true"] { width:calc(100vw - 12px) !important; }
  #root #jnaf-tools-layers-drawer-stage13 > div:first-child { min-height:92px !important; }
}
@media(prefers-reduced-motion:reduce) {
  #root #jnaf-tools-layers-drawer-stage13, #root button#jnaf-layers-drawer-collapse-stage13 { transition:none !important; }
}