/* DrecuWorks V15.3.2 — deterministic editor layout */
:root{
  --dw-editor-left:320px;
  --dw-editor-tools:78px;
}
.workspace{
  position:relative!important;
  display:grid!important;
  grid-template-columns:var(--dw-editor-left) minmax(0,1fr) var(--dw-editor-tools)!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-template-areas:"properties canvas tools"!important;
  width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;
  overflow:hidden!important;
  direction:ltr!important
}
.right-panel{
  grid-area:properties!important;
  grid-column:1!important;grid-row:1!important;
  width:var(--dw-editor-left)!important;
  min-width:var(--dw-editor-left)!important;
  max-width:var(--dw-editor-left)!important;
  height:100%!important;
  border-left:0!important;border-right:1px solid var(--line)!important;
  transform:none!important;
  box-shadow:8px 0 24px rgba(0,0,0,.12)!important;
  z-index:20!important
}
.right-panel.is-hidden{
  width:0!important;min-width:0!important;max-width:0!important;
  transform:translateX(-100%)!important;
  border-right:0!important
}
.stage-wrap{
  grid-area:canvas!important;
  grid-column:2!important;grid-row:1!important;
  position:relative!important;
  display:block!important;
  width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;
  overflow:hidden!important;
  background-color:#0c111c!important;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(255,255,255,.018) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(255,255,255,.018) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.018) 75%)!important
}
.toolrail{
  grid-area:tools!important;
  grid-column:3!important;grid-row:1!important;
  width:var(--dw-editor-tools)!important;
  min-width:var(--dw-editor-tools)!important;
  max-width:var(--dw-editor-tools)!important;
  height:100%!important;
  padding:8px 6px!important;gap:5px!important;
  border-right:0!important;border-left:1px solid var(--line)!important;
  box-shadow:-8px 0 24px rgba(0,0,0,.12)!important;
  z-index:22!important
}
.tool{
  min-height:51px!important;padding:6px 4px!important;gap:4px!important;
  border:1px solid transparent!important;border-radius:11px!important
}
.tool:hover{border-color:rgba(255,255,255,.12)!important;transform:translateY(-1px)}
.tool span{font-size:18px!important}
.tool small{
  display:block!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:8px!important;line-height:1.15!important
}
.stage{
  position:absolute!important;
  inset:22px 0 0 22px!important;
  display:flex!important;
  align-items:center!important;justify-content:center!important;
  overflow:auto!important;
  min-width:0!important;min-height:0!important;
  padding:52px!important;
  scroll-padding:52px!important
}
.canvas-shadow{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  visibility:visible!important;opacity:1!important;
  min-width:32px!important;min-height:32px!important;
  margin:auto!important;
  background:#fff!important;
  outline:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.12)!important
}
#editorCanvas{
  display:block!important;
  visibility:visible!important;opacity:1!important;
  max-width:none!important;max-height:none!important
}
.pro-search-panel{
  position:absolute!important;
  z-index:120!important;
  left:0!important;top:0!important;bottom:0!important;
  grid-area:unset!important;grid-column:auto!important;grid-row:auto!important;
  width:0!important;min-width:0!important;height:100%!important;
  overflow:hidden!important;
  box-shadow:20px 0 55px rgba(0,0,0,.38)!important
}
.pro-search-panel.is-open{
  width:min(430px,calc(100vw - 110px))!important;
  min-width:min(430px,calc(100vw - 110px))!important
}
.pro-editor.pro-search-open .stage-wrap{min-width:0!important}
.quick-actions{
  bottom:15px!important;z-index:25!important;
  gap:5px!important;padding:6px!important
}
.quick-actions button{
  min-height:32px!important;padding:0 9px!important;font-size:8px!important
}
#dw-canvas-recover-v1532{
  background:linear-gradient(135deg,#7c3aed,#d946ef)!important;color:#fff!important
}
.dw-command-busy-v1532{
  position:fixed;z-index:2147483600;left:50%;top:64px;
  display:flex;align-items:center;gap:9px;padding:10px 13px;
  border:1px solid rgba(255,255,255,.15);border-radius:12px;
  background:rgba(15,23,42,.94);color:#fff;
  font:800 10px Inter,system-ui;box-shadow:0 16px 48px rgba(0,0,0,.42);
  transform:translateX(-50%);backdrop-filter:blur(12px)
}
.dw-command-busy-v1532:before{
  content:"";width:13px;height:13px;border:2px solid #a78bfa;border-top-color:transparent;
  border-radius:50%;animation:dwv1532spin .7s linear infinite
}
@keyframes dwv1532spin{to{transform:rotate(360deg)}}

@media(max-width:1280px){
  :root{--dw-editor-left:286px;--dw-editor-tools:72px}
  .tool{min-height:48px!important}
  .stage{padding:42px!important}
}
@media(max-width:980px){
  :root{--dw-editor-left:260px;--dw-editor-tools:68px}
  .stage{padding:34px!important}
}
@media(max-width:820px){
  :root{--dw-editor-tools:62px}
  .workspace{
    grid-template-columns:minmax(0,1fr) var(--dw-editor-tools)!important;
    grid-template-areas:"canvas tools"!important
  }
  .right-panel{
    position:absolute!important;z-index:100!important;left:0!important;top:0!important;bottom:0!important;
    width:min(330px,92vw)!important;min-width:min(330px,92vw)!important;max-width:min(330px,92vw)!important;
    transform:translateX(-100%)!important;box-shadow:20px 0 55px rgba(0,0,0,.45)!important
  }
  .right-panel.mobile-open,.right-panel:not(.is-hidden){transform:translateX(0)!important}
  .stage-wrap{grid-column:1!important}
  .toolrail{grid-column:2!important}
  .pro-search-panel.is-open{width:min(390px,calc(100vw - 70px))!important;min-width:min(390px,calc(100vw - 70px))!important}
}