/* Copyright (c) 2026 印广云。自有代码适用根 LICENSE；正常开发与授权审计不受限制。
   未经授权不得破解或绕过授权与安全校验。 */
.workspace:has(.ai-inline-panel) .preview-canvas > * { min-width: 0; }
.ai-inline-panel .ai-panel-body { min-height: 0; flex: 1 1 0; }
.ai-inline-panel .ai-panel-actions { flex-shrink: 0; }
.ai-inline-panel .ai-print-row { flex-wrap: wrap; }
.ai-inline-panel .ai-print-row > button { flex: 1 1 100px; }
.print-copies-bar { flex-wrap: wrap; }

@media (max-width: 1320px) {
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) {
    grid-template-columns: 84px minmax(0,1fr) 6px clamp(220px,22vw,280px);
  }
  .workspace:has(.ai-inline-panel) { grid-template-columns: min(240px,23vw) 6px minmax(0,1fr); }
  .workspace:has(.ai-inline-panel) .preview-header { min-height: 0; }
}

@media (max-height: 800px) {
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) { grid-template-rows: minmax(0,1fr) 112px; }
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) #queueList .queue-paper-preview,
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) #queueList .queue-paper-preview img { height: 48px; max-height: 48px; }
  .workspace:has(.ai-inline-panel) .preview-panel > .preview-header { min-height: 0; padding-block: 4px; }
  .ai-inline-panel .ai-mode-header { min-height: 32px; padding: 4px; }
  .ai-inline-panel .ai-panel-actions { padding: 5px; gap: 4px; }
}

/* At narrow widths move tools below the canvas instead of squeezing it to zero. */
@media (max-width: 1000px) {
  .workspace:has(.ai-inline-panel) { grid-template-columns: min(220px,26vw) 6px minmax(0,1fr); }
  .workspace:has(.ai-inline-panel) .preview-panel { overflow: auto; }
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) {
    flex: none; height: auto; min-height: 0;
    grid-template-columns: 76px minmax(0,1fr);
    grid-template-rows: minmax(260px,45vh) 112px auto;
    overflow: visible;
  }
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) .ai-inline-panel {
    grid-column: 1 / -1; grid-row: 3; height: auto; min-height: 280px;
  }
  .preview-canvas:is(.photo-mode,.document-mode):has(.ai-inline-panel) .ai-inline-resize-handle { display: none; }
  .ai-inline-panel .ai-panel-body { flex: 1 1 auto; max-height: 42vh; }
  .ai-inline-panel .ai-panel-actions { position: sticky; bottom: 0; background: var(--panel); z-index: 2; }
}

@media (max-width: 760px) {
  .app { overflow: auto; }
  .workspace:has(.ai-inline-panel) { display: flex; flex-direction: column; flex: none; min-height: 100%; }
  .workspace:has(.ai-inline-panel) .workspace-splitter { display: none; }
  .workspace:has(.ai-inline-panel) .left-panel { max-height: 42vh; flex: none; overflow: auto; }
  .workspace:has(.ai-inline-panel) .preview-panel { flex: none; overflow: visible; }
}

@media (max-height: 540px) and (min-width: 1001px) {
  .workspace:has(.ai-inline-panel) .left-panel { overflow: auto; }
  .ai-inline-panel { overflow: auto; }
  .ai-inline-panel .ai-panel-body { flex: 0 0 auto; max-height: 40vh; }
  .ai-inline-panel .ai-panel-actions { position: sticky; bottom: 0; background: var(--panel); }
}