/* 与桌面共用组件；窄屏和手机横屏使用单列可滚动工作区。 */
#minimax-plan .work-card,
#minimax-plan .work-card > *,
#minimax-plan .overview-grid > * { min-width:0; }
#minimax-plan .works-grid { grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr)); }
#minimax-plan .work-info { overflow:hidden; }
#minimax-plan button { touch-action:manipulation; }
#minimax-plan .service-log-dialog { width:min(900px,calc(100vw - 24px)); max-height:calc(var(--app-height,100dvh) - 24px); padding:18px; border:1px solid var(--mm-line); border-radius:10px; color:var(--mm-text); background:var(--mm-surface); }
#minimax-plan .service-log-dialog header { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
#minimax-plan .service-log-dialog h2 { margin:0 auto 0 0; font-size:16px; }
#minimax-plan .service-log-status { color:var(--mm-muted); font-size:12px; }
#minimax-plan .service-log-content { max-height:calc(var(--app-height,100dvh) - 180px); min-height:120px; overflow:auto; padding:12px; background:var(--mm-field); white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 ui-monospace,monospace; user-select:text; }

@media (max-width:700px), (max-width:1000px) and (max-height:500px) {
  html,body { min-height:0 !important; }
  #minimax-plan { --dock-space:calc(78px + env(safe-area-inset-bottom,0px)); }
  #minimax-plan .app { height:var(--app-height,100dvh) !important; min-height:0 !important; border:0; }
  #minimax-plan .page { min-height:0; min-width:0; padding:14px 12px var(--dock-space); overscroll-behavior-y:contain; scroll-padding-bottom:20px; -webkit-overflow-scrolling:touch; }
  #minimax-plan .page[data-page="image"],#minimax-plan .page[data-page="clone"] { flex:1; height:auto; padding:0 0 var(--dock-space); overflow:hidden; }
  #minimax-plan.image-viewer-open .page[data-page="image"] { height:var(--app-height,100dvh); padding:0; }
  #minimax-plan .titlebar { flex:none; padding-left:max(10px,env(safe-area-inset-left,0px)); padding-right:max(10px,env(safe-area-inset-right,0px)); }
  #minimax-plan .dock { display:flex; width:min(calc(100% - 16px),480px); max-width:none; gap:2px; padding:4px; bottom:max(6px,env(safe-area-inset-bottom,0px)); }
  #minimax-plan .dock button { flex:1 1 0; width:auto; min-width:0; min-height:48px; padding:4px 0; font-size:10px; }
  #minimax-plan .dock .mini-status { flex:0 0 28px; min-width:28px; }
  .keyboard-open #minimax-plan .dock { display:none; }
  .keyboard-open #minimax-plan { --dock-space:12px; }
  #minimax-plan .overview-grid,#minimax-plan .bottom-grid { grid-template-columns:minmax(0,1fr); }
  #minimax-plan .hero-status { grid-template-columns:minmax(0,1fr); gap:12px; }
  #minimax-plan .service-control-actions { flex-wrap:wrap; }
  #minimax-plan .service-cache-api { width:100%; flex-wrap:wrap; }
  #minimax-plan .service-api-connection { flex:1 1 180px; }
  #minimax-plan .service-api-address { flex:1; max-width:none; }
  #minimax-plan .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #minimax-plan .metrics > * { min-width:0; overflow-wrap:anywhere; }
  #minimax-plan .workbench { display:flex; flex:0 0 auto; height:auto; flex-direction:column; min-height:0; overflow:visible; }
  #minimax-plan .workbench > * { width:100%; min-width:0; flex-shrink:0; }
  #minimax-plan .workbench > .rail:first-child { min-height:0; }
  #minimax-plan .workbench > .rail:first-child .rail-body { height:auto; overflow:visible; }
  #minimax-plan .workbench .canvas { min-height:300px; }
  #minimax-plan #videoTaskBody { flex:none; max-height:60dvh; overflow:auto; }
  #minimax-plan .canvas-parameters { flex-wrap:wrap; }
  #minimax-plan .canvas-parameter { min-width:0; flex:1 1 130px; }
  #minimax-plan .works-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #minimax-plan .work-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #minimax-plan .works-pagination,#minimax-plan .filters { width:100%; flex-wrap:wrap; }
  #minimax-plan .filter-input,#minimax-plan .works-search-field { width:100%; }
  #minimax-plan .settings-layout { display:block; min-width:0; }
  #minimax-plan .settings-nav { display:flex; position:static; max-height:none; width:100%; overflow-x:auto; border-right:0; border-bottom:1px solid var(--mm-line); scroll-padding:10px; }
  #minimax-plan .settings-nav button { flex:none; width:auto; white-space:nowrap; }
  #minimax-plan .settings-pane.active { padding:16px 12px; min-width:0; }
  #minimax-plan .setting { grid-template-columns:minmax(0,1fr); gap:10px; }
  #minimax-plan .setting > * { min-width:0; max-width:100%; }
  #minimax-plan .provider-picker,#minimax-plan .provider-form { grid-template-columns:minmax(0,1fr); }
  #minimax-plan dialog { max-width:calc(100vw - 20px); max-height:calc(var(--app-height,100dvh) - 20px); overflow:auto; }
  #minimax-plan .task-menu-panel { max-width:calc(100vw - 20px); max-height:calc(var(--app-height,100dvh) - 20px); overflow:auto; }
  #minimax-plan input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),#minimax-plan select,#minimax-plan textarea { font-size:16px; }
  #minimax-plan button:not(.toggle),#minimax-plan select,#minimax-plan input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) { min-height:44px; }
  #minimax-plan .theme-switch,#minimax-plan .task-rail-toggle { min-width:44px; }
  #minimax-plan .service-log-dialog { padding:12px; }
}

@media (max-width:1000px) and (max-height:500px) {
  #minimax-plan .titlebar { display:none !important; }
  #minimax-plan { --dock-space:calc(64px + env(safe-area-inset-bottom,0px)); }
  #minimax-plan .dock button { min-height:44px; height:44px; }
}