/* Copyright (c) 2026 印广云。适用仓库 LICENSE；正常开发与授权审计不受限制。 */
.web-view-switch { display:flex; gap:3px; padding:3px; border-radius:10px; background:var(--neutral); flex-shrink:0; }
.web-view-switch button { min-height:36px; padding:6px 12px; border:0; border-radius:7px; color:var(--muted); background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.web-view-switch button[aria-pressed="true"] { background:var(--panel); color:var(--primary-dark); box-shadow:0 1px 4px #0000000a; }
.web-view-switch button:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.web-view-switch button:disabled { opacity:.5; cursor:default; }
.web-simple-intro,.web-simple-download { display:none; }
html[data-web-view="simple"] body { overflow-y:auto; }
html[data-web-view="simple"] .app { height:auto; min-height:100dvh; overflow:visible; }
html[data-web-view="simple"] .workspace:has(.ai-inline-panel) { display:flex; flex-direction:column; flex:none; width:min(100%,960px); margin:auto; box-sizing:border-box; }
html[data-web-view="simple"] .left-panel { width:auto; max-height:none; overflow:visible; }
html[data-web-view="simple"] .left-panel-scroll-content { display:block; height:auto; overflow:visible; }
html[data-web-view="simple"] .left-panel-scroll-content > :not(#workModeSwitch):not(#photoSizeSection) { display:none; }
html[data-web-view="simple"] #workModeSwitch { margin:0 0 12px; }
html[data-web-view="simple"] .workspace-splitter,
html[data-web-view="simple"] .ai-inline-resize-handle,
html[data-web-view="simple"] .preview-panel > .preview-header,
html[data-web-view="simple"] #previewStage,
html[data-web-view="simple"] #queuePanel > .queue-column:not(.source-queue-column),
html[data-web-view="simple"] #printBtn,
html[data-web-view="simple"] .ai-local-folder-matting,
html[data-web-view="simple"] .local-folder-matting,
html[data-web-view="simple"] .local-engine-settings,
html[data-web-view="simple"] .ai-prompt-section,
html[data-web-view="simple"] .ai-prompt-field,
html[data-web-view="simple"] .ai-prompt-workspace,
html[data-web-view="simple"] #openRestoration,
html[data-web-view="simple"] .ai-outfit-switch-row,
html[data-web-view="simple"] .ai-hairstyle-switch-row { display:none !important; }
html[data-web-view="simple"] .preview-panel { overflow:visible; height:auto; }
html[data-web-view="simple"] .web-simple-intro { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; border-bottom:1px solid var(--border); }
.web-simple-intro h1 { margin:0 0 6px; font-size:22px; }
.web-simple-intro p { margin:0; color:var(--muted); font-size:13px; }
html[data-web-view="simple"] #previewCanvas { display:flex; flex-direction:column; height:auto; min-height:0; overflow:visible; }
html[data-web-view="simple"] #queuePanel { display:block; flex:none; width:auto; height:auto; border:0; }
html[data-web-view="simple"] #sourceQueueList { display:flex; gap:8px; overflow-x:auto; padding:8px; }
html[data-web-view="simple"] #sourceQueueList > :not(.queue-empty) { flex:0 0 90px; }
html[data-web-view="simple"] #aiPanel { position:static; width:100%; height:auto; min-height:0; max-height:none; box-sizing:border-box; border:0; }
html[data-web-view="simple"] #aiPanel .ai-panel-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); max-height:none; overflow:visible; padding:20px; gap:24px; }
html[data-web-view="simple"] #aiPanel .ai-panel-preview-column { display:flex; flex-direction:column; min-height:320px; }
html[data-web-view="simple"] #aiPanel .ai-panel-settings-column { overflow:visible; min-width:0; }
html[data-web-view="simple"] #aiDropzone { min-height:300px; height:auto; }
html[data-web-view="simple"] #aiPhotoPreviewImage { max-height:440px; object-fit:contain; }
html[data-web-view="simple"] .ai-panel-actions { position:static; padding:16px 20px; }
html[data-web-view="simple"] #aiPrintSlot { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
html[data-web-view="simple"] .web-simple-download { display:block; }
html[data-web-view="simple"] #aiPrintSlot > button { min-height:48px; font-size:15px; }

@media(max-width:760px) {
  html,body { height:auto; min-height:100%; overflow-x:hidden; overflow-y:auto; }
  body[data-runtime="web"] .app { width:100%; height:auto; min-height:100dvh; overflow:visible; }
  body[data-runtime="web"] .titlebar { position:sticky; top:0; flex-wrap:wrap; padding:8px 12px; gap:8px; }
  .titlebar-name { flex:1; }
  .web-account-controls { margin-left:0; gap:6px; }
  #webAccountLabel { max-width:90px; }
  .web-view-switch { order:4; width:100%; box-sizing:border-box; }
  .web-view-switch button { flex:1; min-height:40px; }
  #startupStatus { order:5; width:100%; white-space:normal; }
  body[data-runtime="web"] .workspace:has(.ai-inline-panel) { display:flex; flex-direction:column; flex:none; padding:10px; gap:10px; width:100%; box-sizing:border-box; }
  body[data-runtime="web"] .workspace:has(.ai-inline-panel) .left-panel { max-height:none; overflow:visible; }
  .left-panel-scroll-content { height:auto; overflow:visible; }
  body[data-runtime="web"] .preview-panel { overflow:visible; min-width:0; }
  .preview-header { flex-wrap:wrap; gap:8px; }
  .preview-primary-actions { display:flex; flex-wrap:wrap; gap:6px; }
  body[data-runtime="web"] .preview-canvas:has(.ai-inline-panel) { grid-template-columns:68px minmax(0,1fr); grid-template-rows:minmax(230px,40svh) 112px auto; }
  body[data-runtime="web"] #aiPanel .ai-panel-body { max-height:none; overflow:visible; }
  body[data-runtime="web"] #aiPanel { height:auto; min-height:0; max-height:none; }
  body[data-runtime="web"] .document-tools-panel { grid-column:1 / -1; grid-row:3; width:auto; height:auto; max-height:none; }
  body[data-runtime="web"] #aiPanel .ai-panel-actions { position:static; padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
  body[data-runtime="web"] :is(.btn,.chip,.mode-tab,.queue-title-action,.ai-generate-button,.ai-result-button,.local-segmented button,.ai-mode-switch button) { min-height:44px; touch-action:manipulation; }
  body[data-runtime="web"] :is(input:not([type="hidden"]):not([type="range"]),select,textarea) { font-size:16px; }
  body[data-runtime="web"] :is(.manual-crop-card,.photo-layout-card,.ai-library-card,.settings-card,.ai-history-card) { width:calc(100vw - 16px); max-width:calc(100vw - 16px); max-height:calc(100dvh - 24px); overflow:auto; box-sizing:border-box; }
  html[data-web-view="simple"] #aiPanel .ai-panel-body { grid-template-columns:minmax(0,1fr); padding:12px; gap:16px; }
  html[data-web-view="simple"] #aiPanel .ai-panel-preview-column { min-height:260px; }
  html[data-web-view="simple"] #aiDropzone { min-height:260px; }
  html[data-web-view="simple"] .web-simple-intro { flex-direction:column; align-items:stretch; padding:16px; gap:12px; }
  html[data-web-view="simple"] .web-simple-intro h1 { font-size:20px; }
  html[data-web-view="simple"] .web-simple-intro button { width:100%; }
}