/* Only the restored native OutfitOOTD page. No shared workspace styling. */
.shopao-ootd-output { width:100%; font-size:12px; color:#666; }
.shopao-ootd-output-fields { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.shopao-ootd-output-fields label { display:flex; align-items:center; gap:6px; }
.shopao-ootd-output-fields select { height:30px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; color:#333; padding:0 6px; font:inherit; font-variant-numeric:tabular-nums; }
.shopao-ootd-output-fields select:focus-visible { outline:2px solid #fd2845; outline-offset:2px; }
.shopao-ootd-output-hint { margin-top:6px; }
body:has([data-shopao-ootd-submit]):has(.ant-drawer-open,.ant-modal-wrap:not([style*="display: none"])) #ice-container > div:has(> div > button[aria-label="立即更新新版本"]) { z-index:0 !important; }
.shopao-ootd-adjust-panel { width:100%; min-width:0; background:white; border-radius:8px; }
.shopao-ootd-adjust-panel > .shopao-ootd-output { padding:8px 16px 12px; box-sizing:border-box; }
body:has([data-shopao-ootd-submit]) .shopao-recent-task-rail { display:none !important; }
/* OOTD adjustment keeps its bottom-right submit reachable under the update notice. */
body:has([data-shopao-ootd-submit]) #ice-container > div:has(> div > button[aria-label="立即更新新版本"]) { top:64px !important; bottom:auto !important; }
/* Preserve the original 780px desktop composer; only fit narrow screens. */
@media (max-width: 800px) {
  /* OutfitOOTD owns its notice avoidance; do not alter another workspace's overlay. */
  body:has([data-shopao-ootd-submit]) #ice-container > div:has(> div > button[aria-label="立即更新新版本"]) { top:calc(env(safe-area-inset-top, 0px) + 8px) !important; bottom:auto !important; max-width:calc(100vw - 16px); }
  body:has([data-shopao-ootd-submit]) .ant-drawer-content-wrapper:has(.drawer-select-layout-content) { width:100vw !important; min-width:0 !important; max-width:100vw !important; }
  body:has([data-shopao-ootd-submit]) .drawer-select-layout-content { flex-direction:column; min-height:0; }
  body:has([data-shopao-ootd-submit]) .drawer-select-layout-content-selector { min-height:0; min-width:0; width:100%; }
  body:has([data-shopao-ootd-submit]) .drawer-select-layout-content-selector-header { padding:8px !important; max-height:240px; overflow:auto; }
  body:has([data-shopao-ootd-submit]) .drawer-select-layout-content-selected-list { flex:0 0 220px !important; height:220px !important; width:100% !important; min-width:0; overflow:auto; }
  body:has([data-shopao-ootd-submit]) .shopao-mobile-recent-trigger { display:none !important; }
  body:has([data-shopao-ootd-submit]) .ant-modal:has(.model-outside-close) { width:calc(100vw - 16px) !important; min-width:0 !important; max-width:100%; margin:8px auto; padding:0; top:0; }
  body:has([data-shopao-ootd-submit]) .ant-modal:has(.model-outside-close) .ant-modal-content { min-width:0 !important; min-height:0 !important; height:calc(100dvh - 32px) !important; }
  body:has([data-shopao-ootd-submit]) .ant-modal:has(.main-image-wrapper) .modal-body { display:grid; grid-template-columns:60px minmax(0,1fr); grid-template-rows:minmax(0,1fr) 160px; height:100%; }
  body:has([data-shopao-ootd-submit]) .ant-modal .modal-body > .sidebar:first-child { width:60px; min-width:0; height:100%; }
  body:has([data-shopao-ootd-submit]) .ant-modal .main-image-wrapper { grid-column:2; grid-row:1; min-width:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:32px 8px 8px; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .ant-modal .sidebar-right { grid-column:1 / -1; width:100% !important; min-width:0; height:160px; overflow:auto; }
  body:has([data-shopao-ootd-submit]) .ant-modal .main-image-content,
  body:has([data-shopao-ootd-submit]) .ant-modal .main-image-content-inner,
  body:has([data-shopao-ootd-submit]) .ant-modal .main-image-content-parent { min-width:0; max-width:100%; }
  body:has([data-shopao-ootd-submit]) .ant-modal .actions-wrapper { max-width:100%; overflow-x:auto; flex-shrink:0; }
  body:has([data-shopao-ootd-submit]) .ant-modal .model-outside-close { right:4px; top:4px; z-index:2; }
  body:has([data-shopao-ootd-submit]) { height:100dvh; overflow:clip; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .full-screen:has(.framework-content),
  body:has([data-shopao-ootd-submit]) :has(> .framework-content) { height:calc(100dvh - 104px) !important; }
  body:has([data-shopao-ootd-submit]) :has(> .framework-content) { flex-direction:column; }
  body:has([data-shopao-ootd-submit]) .framework-sub-nav:not(:has(.aic-task-list-header)) { display:none; }
  body:has([data-shopao-ootd-submit]) .framework-sub-nav { width:100% !important; height:112px; flex:0 0 112px !important; overflow:hidden; border-right:0; }
  body:has([data-shopao-ootd-submit]) .framework-sub-nav > div { width:100% !important; height:112px !important; display:flex; flex-direction:row; }
  body:has([data-shopao-ootd-submit]) .framework-sub-nav .flex-layout { flex-direction:row !important; width:100%; }
  body:has([data-shopao-ootd-submit]) .aic-task-list-header { flex:0 0 128px; padding:8px !important; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .aic-task-list-header-title { margin-top:8px !important; }
  body:has([data-shopao-ootd-submit]) .aic-task-list-content { flex:1; min-width:0; height:112px !important; margin-top:0 !important; }
  body:has([data-shopao-ootd-submit]) .framework-content { min-width:0; min-height:0; width:100%; flex:1 1 0; }
  body:has([data-shopao-ootd-submit]) .framework-content > :has(.creation-dialog-edit-input-wrapper) { min-width:0 !important; width:100% !important; }
  body:has([data-shopao-ootd-submit]) .creation-dialog-scroller,
  body:has([data-shopao-ootd-submit]) .creation-dialog-scroller-wrapper { width:100% !important; max-width:100%; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .creation-dialog-scroller > :has(.gc-content) { width:calc(100% - 24px) !important; max-width:100%; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .gmc-list { width:100%; min-width:0; }
  body:has([data-shopao-ootd-submit]) .gmc-list > div { width:calc(50% - 2px) !important; max-width:100%; }
  body:has([data-shopao-ootd-submit]) .gmc-list > :has(.gli-left-top-tag) { width:min(100%,300px) !important; }
  body:has([data-shopao-ootd-submit]) .creation-dialog-edit-input-wrapper { width:calc(100% - 24px) !important; }
  body:has([data-shopao-ootd-submit]) .creation-dialog-edit-input-inner,
  body:has([data-shopao-ootd-submit]) .creation-dialog-edit-input { width:100% !important; max-width:100%; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .aic-model-edit-list { max-width:100%; overflow-x:auto; }
  body:has([data-shopao-ootd-submit]) .aic-model-edit-footer,
  body:has([data-shopao-ootd-submit]) .aic-model-edit-footer-left { flex-wrap:wrap; gap:8px; }
  body:has([data-shopao-ootd-submit]) .aic-model-edit-footer { height:auto !important; overflow:visible; }
  body:has([data-shopao-ootd-submit]) .framework-content > :not(.is-mini) .aic-model-edit-footer { max-height:none; }
  body:has([data-shopao-ootd-submit]) .is-mini .aic-model-edit-footer { overflow:hidden; }
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-edit,
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-tutorial {
    width:calc(100% - 24px) !important;
    max-width:780px;
    box-sizing:border-box;
  }
  body:has([data-shopao-ootd-submit]) .creation-model-edit-input { width:100% !important; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-tutorial-img { width:100%; height:auto; }
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-tutorial { height:auto !important; }
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-list,
  body:has([data-shopao-ootd-submit]) .outstanding-cases-filter { max-width:100%; overflow-x:auto; justify-content:flex-start; flex-wrap:nowrap; }
  body:has([data-shopao-ootd-submit]) .aic-draft-wrapper { align-items:stretch; height:100%; min-height:0; overflow-y:auto; box-sizing:border-box; }
  body:has([data-shopao-ootd-submit]) .aic-draft-wrapper > * { flex-shrink:0; }
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-edit,
  body:has([data-shopao-ootd-submit]) .aic-draft-fun-tutorial { align-self:center; }
}