/* 桌面端 >1024px：使用通用基础样式，不覆盖原始基准布局。 */


/* Desktop panel collapse hotfix: buttons stay above canvas and grid tracks shrink/grow with panels. */
@media (min-width: 768px) {
  .editor-page {
    grid-template-columns: 300px minmax(0,1fr) 380px;
  }
  .editor-page .panel-left,
  .editor-page .panel-right {
    min-width: 0 !important;
    width: auto !important;
  }
  .editor-page .panel-left.collapsed,
  .editor-page .panel-right.collapsed {
    width: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .editor-page .panel-float-toggle {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10000 !important;
    width: 20px !important;
    height: 46px !important;
    min-width: 20px !important;
    min-height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
  }
  .editor-page #btn-collapse-left {
    left: calc(var(--left-panel-width, 300px) - 10px) !important;
    right: auto !important;
  }
  .editor-page #btn-collapse-right {
    right: calc(var(--right-panel-width, 380px) - 10px) !important;
    left: auto !important;
  }
  .editor-page .panel-left.collapsed + .canvas-area {
    grid-column: 1 / span 2;
  }
  .editor-page .panel-right.collapsed {
    grid-column: 3;
  }
}