@import url("https://audu-aigc.cn/storage/easyai/frontend/components/vue-templates/style-CpaJIwbS.css");

body:has([data-ui-key="appshows.header"]) { background:#101114!important; }
body:has([data-ui-key="appshows.header"]) main { min-height:calc(100vh - 64px); padding:28px 0 48px; background:#101114; color:#f7f7fa; }
body:has([data-ui-key="appshows.header"]) main > .v-sheet { width:min(1540px,calc(100% - 32px)); margin:0 auto; background:transparent!important; }
body:has([data-ui-key="appshows.header"]) main > .v-sheet > .v-card { display:grid!important; grid-template-columns:248px minmax(0,1fr); grid-template-rows:auto auto; gap:0 30px; align-items:start; padding:0!important; background:transparent!important; color:#f7f7fa!important; box-shadow:none!important; }
body:has([data-ui-key="appshows.header"]) main .v-card__loader { display:none!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.header"] { grid-column:2; grid-row:1; min-height:0!important; padding:0 0 18px!important; color:#fff!important; font-size:26px!important; font-weight:800!important; letter-spacing:-.5px; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.header"] > span { font-size:26px!important; font-weight:800!important; }
body:has([data-ui-key="appshows.header"]) main .v-card-text, body:has([data-ui-key="appshows.header"]) main .v-card-text > .pa-2 { display:contents!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] { grid-column:1; grid-row:1 / span 2; display:block!important; min-height:620px; padding:22px 14px!important; border:1px solid #292a31; border-radius:14px; background:#18191d!important; box-sizing:border-box; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"]::before { content:"空间设计应用\A\A 应用标签"; display:block; margin:0 8px 24px; color:#f7f7fa; font-size:17px; font-weight:800; line-height:1.15; white-space:pre-line; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"]::after { content:"选择标签，筛选对应的创作工具"; display:block; margin:26px 8px 0; color:#888b96; font-size:12px; line-height:1.6; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-slide-group__container { overflow:visible!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-slide-group__content { display:flex!important; width:100%; flex-direction:column; align-items:stretch; gap:7px; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-chip { width:100%; min-height:38px; justify-content:flex-start; padding:0 12px!important; border:1px solid transparent; border-radius:9px!important; background:transparent!important; color:#bdc0c8!important; font-size:14px!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-chip:hover { background:#25262d!important; color:#fff!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-chip.bg-primary { border-color:#7657ff!important; background:rgba(118,87,255,.18)!important; color:#cabcff!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.app-list"] { grid-column:2; grid-row:2; display:grid!important; grid-template-columns:repeat(auto-fill,minmax(214px,1fr))!important; gap:18px!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.app-list"] > .w-full { min-width:0; }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card"] { border:1px solid #32343c!important; border-radius:14px!important; background:#202126!important; box-shadow:none!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card"]:hover { border-color:#7a5fff!important; box-shadow:0 12px 30px rgba(0,0,0,.32)!important; transform:translateY(-3px); }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card"] img { aspect-ratio:4 / 3!important; object-fit:cover!important; filter:saturate(.88) brightness(.84); }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card-info"] { height:100%!important; padding:16px 14px 13px!important; background:rgba(10,11,15,.48)!important; box-sizing:border-box; justify-content:flex-end!important; }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card-info-title"] { display:block; margin:0 0 8px!important; color:#fff!important; font-size:16px!important; font-weight:800!important; line-height:1.25!important; }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card-info-description"] { display:-webkit-box!important; margin:0!important; overflow:hidden!important; color:#d4d6dd!important; font-size:12px!important; line-height:1.55!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body:has([data-ui-key="appshows.header"]) [data-component-id="app-card"] .v-spacer + * { display:none!important; }

@media (max-width:900px) {
  body:has([data-ui-key="appshows.header"]) main { padding-top:18px; }
  body:has([data-ui-key="appshows.header"]) main > .v-sheet { width:min(100% - 24px,1540px); }
  body:has([data-ui-key="appshows.header"]) main > .v-sheet > .v-card { display:block!important; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.header"] { margin-bottom:12px; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] { min-height:0; margin-bottom:14px; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"]::after { display:none; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-slide-group__content { flex-direction:row; flex-wrap:wrap; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.category-filter"] .v-chip { width:auto; }
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.app-list"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media (max-width:540px) {
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.app-list"] { grid-template-columns:1fr!important; }
}

/* Spatial design studio: restyle the existing draw components only. */
body:has([data-v-be2de41d]) { background:#f4f6fa!important; }
body:has([data-v-be2de41d]) [class*="max-w-[1464px]"],
body:has([data-v-be2de41d]) [class*="max-w-[1616px]"],
body:has([data-v-be2de41d]) [class*="max-w-[1248px]"],
body:has([data-v-be2de41d]) [class*="max-w-[1400px]"] {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body:has([data-v-be2de41d]) .draw-side-nav {
  height:100%!important;
  align-self:stretch!important;
  background:#f4f6fa!important;
  transition:flex-basis .2s ease, min-width .2s ease, padding .2s ease!important;
}
body:has([data-v-be2de41d]) .draw-side-nav:has(> .w-48) {
  flex:0 0 228px!important;
  min-width:228px!important;
  padding:12px 0 12px 12px!important;
}
body:has([data-v-be2de41d]) .draw-side-nav:not(:has(> .w-48)) {
  flex:0 0 0!important;
  min-width:0!important;
  width:0!important;
  padding:0!important;
  overflow:visible!important;
}
body:has([data-v-be2de41d]) .draw-side-nav:not(:has(> .w-48)) > .w-5 {
  left:0!important;
  right:auto!important;
  width:28px!important;
  padding:13px 4px!important;
  border:1px solid #e3e8f1;
  border-left:0;
  border-radius:0 10px 10px 0!important;
  background:#fff!important;
  box-shadow:4px 5px 16px rgba(31,42,72,.08);
}
body:has([data-v-be2de41d]) .draw-side-nav > .w-48 {
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:12px 10px!important;
  border:1px solid #e4e8f0;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,42,72,.045);
}
body:has([data-v-be2de41d]) .draw-side-nav__item {
  min-height:36px;
  margin:3px 0!important;
  padding:8px 9px!important;
  border-radius:8px!important;
  color:#536074!important;
  font-size:13px!important;
}
body:has([data-v-be2de41d]) .draw-side-nav__icon { display:none!important; }
body:has([data-v-be2de41d]) .draw-side-nav__item:hover { background:#edf3ff!important; color:#2367f2!important; }
body:has([data-v-be2de41d]) .draw-side-nav__item--active {
  background:#edf4ff!important;
  background-image:none!important;
  color:#1764eb!important;
  font-weight:700;
}
body:has([data-v-be2de41d]) .draw-side-nav__item--active .draw-side-nav__icon { filter:none!important; }

body:has([data-v-be2de41d]) [data-v-be2de41d] {
  gap:12px!important;
  height:100%!important;
  min-height:0!important;
  padding:12px 14px 16px 12px!important;
  background:#f4f6fa!important;
  align-items:stretch!important;
}
body:has([data-v-be2de41d]) [data-v-be2de41d] > [data-v-05dff8e8] {
  flex:0 0 360px!important;
  width:360px!important;
  max-width:360px!important;
  height:100%!important;
  max-height:none!important;
  /* Keep the three workbench columns on one shared top baseline.
     The page shell already owns scrolling, so this panel must not acquire
     its own sticky offset. */
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
}
body:has([data-v-be2de41d]) [data-v-05dff8e8] > .v-card {
  height:100%!important;
  overflow:hidden!important;
  border:1px solid #e3e8f1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(31,42,72,.06)!important;
}
body:has([data-v-be2de41d]) [data-v-05dff8e8] .v-card-title {
  min-height:54px;
  padding:15px 16px 12px!important;
  border-bottom:1px solid #eef1f6;
  color:#17233a!important;
}
body:has([data-v-be2de41d]) [data-v-05dff8e8] .v-card-text { padding:16px!important; }
body:has([data-v-be2de41d]) [data-v-05dff8e8] .v-card-actions {
  position:sticky!important;
  bottom:0!important;
  z-index:2;
  display:flex!important;
  min-height:72px;
  padding:12px 16px!important;
  border-top:1px solid #eef1f6;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px);
}
body:has([data-v-be2de41d]) [data-v-05dff8e8] .v-card-actions .v-btn {
  min-height:44px!important;
  border-radius:9px!important;
  font-weight:700!important;
}

body:has([data-v-be2de41d]) [data-v-be2de41d] > div.flex-1.min-w-0.h-full.w-full {
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  padding:20px 22px!important;
  border:1px solid #e3e8f1;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(31,42,72,.06);
}
body:has([data-v-be2de41d]) [data-v-be2de41d] > div.flex-1.min-w-0.h-full.w-full img,
body:has([data-v-be2de41d]) [data-v-be2de41d] > div.flex-1.min-w-0.h-full.w-full video { border-radius:10px!important; }
body:has([data-v-be2de41d]) [data-v-be2de41d] .v-btn { letter-spacing:0!important; }
body:has([data-v-be2de41d]) [data-v-be2de41d] > .fixed.right-0.mr-4.z-50 {
  position:absolute!important;
  top:26px!important;
  right:26px!important;
  margin:0!important;
}
body:has([data-v-be2de41d]) [data-v-be2de41d] > .fixed.right-0.mr-16.z-50 {
  position:absolute!important;
  top:26px!important;
  right:84px!important;
  margin:0!important;
}

@media (max-width:1199px) {
  body:has([data-v-be2de41d]) [data-v-be2de41d] { padding-left:20px!important; }
}
@media (max-width:900px) {
  body:has([data-v-be2de41d]) [data-v-be2de41d] { display:flex!important; flex-direction:column!important; padding:14px!important; }
  body:has([data-v-be2de41d]) [data-v-be2de41d] > [data-v-05dff8e8] { width:100%!important; max-width:none!important; position:static!important; }
  body:has([data-v-be2de41d]) [data-v-be2de41d] > div.flex-1.min-w-0.h-full.w-full { min-height:520px; }
}

/* Functional App Center controls injected by the stable layout module. */
body:has([data-ui-key="appshows.header"]) main > .v-sheet > .v-card { grid-template-rows:auto auto auto!important; }
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.search-panel"] {
  grid-column:2;
  grid-row:2;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
  margin:0 0 18px;
  padding:18px;
  border:1px solid #292a31;
  border-radius:14px;
  background:#18191d;
}
body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.app-list"] { grid-row:3!important; }
body:has([data-ui-key="appshows.header"]) .audu-app-search-line { display:flex; align-items:center; gap:10px; }
body:has([data-ui-key="appshows.header"]) .audu-app-search-line input {
  width:min(640px,100%);
  height:44px;
  min-width:0;
  padding:0 15px;
  border:1px solid #3a3b44;
  border-radius:10px;
  outline:none;
  background:#111216;
  color:#f7f7fa;
  font-size:14px;
}
body:has([data-ui-key="appshows.header"]) .audu-app-search-line input:focus { border-color:#775dff; box-shadow:0 0 0 3px rgba(119,93,255,.16); }
body:has([data-ui-key="appshows.header"]) .audu-app-search-clear {
  height:38px;
  padding:0 13px;
  border:1px solid #3b3c45;
  border-radius:9px;
  background:#25262d;
  color:#d9dbe3;
  cursor:pointer;
  font-size:12px;
}
body:has([data-ui-key="appshows.header"]) .audu-app-search-count { color:#a9a3ff; font-size:12px; white-space:nowrap; }
body:has([data-ui-key="appshows.header"]) .audu-app-tag-list { display:flex; flex-wrap:wrap; gap:8px; }
body:has([data-ui-key="appshows.header"]) .audu-app-tag {
  min-height:30px;
  padding:0 12px;
  border:1px solid #3b3c45;
  border-radius:999px;
  background:#111216;
  color:#c7cad2;
  cursor:pointer;
  font-size:12px;
}
body:has([data-ui-key="appshows.header"]) .audu-app-tag:hover,
body:has([data-ui-key="appshows.header"]) .audu-app-tag.is-active { border-color:#775dff; background:rgba(119,93,255,.18); color:#d6ccff; }
@media (max-width:900px) {
  body:has([data-ui-key="appshows.header"]) [data-ui-key="appshows.search-panel"] { margin-bottom:14px; }
  body:has([data-ui-key="appshows.header"]) .audu-app-search-line { flex-wrap:wrap; }
}

/* Current-workflow results: one primary result plus compact two-column history. */
/* The left application sidebar is the only category navigation on draw pages. */
body:has([data-v-be2de41d]) .flex.flex-col.mx-auto > .flex.space-x-2.items-center.text-sm {
  display:none !important;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
  padding:20px !important;
  background:#f4f7fb !important;
  border-radius:16px !important;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::before,
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::after {
  grid-column:1 / -1;
  color:#172033;
  font-size:16px;
  font-weight:800;
  line-height:1.25;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::before { content:'最新结果'; order:0; margin-top:2px; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::after { content:'历史记录'; order:2; margin-top:10px; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] > div:not([id]),
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] > div:not([id]) > .flex.flex-col.w-full {
  display:contents !important;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .text-lg.font-bold { display:none !important; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-hidden { display:none !important; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest {
  grid-column:1 / -1;
  order:1;
  margin:0 !important;
  overflow:hidden;
  border:1px solid #dfe6f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(25,45,80,.08);
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history {
  order:3;
  min-width:0;
  margin:0 !important;
  overflow:hidden;
  border:1px solid #e3e9f3;
  border-radius:12px;
  background:#fff;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest > .flex {
  display:flex !important;
  flex-direction:column !important;
  gap:12px;
  padding:14px;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest > .flex > .flex-1 { width:100% !important; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest img,
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest video { max-height:520px; object-fit:contain; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history > .flex {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:132px;
  padding:10px;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history > .flex > :first-child {
  flex:0 0 42% !important;
  width:42% !important;
  max-width:180px;
}
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history .flex-1 { min-width:0; }
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history .prompt-row,
body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-history .h-0\.5 { display:none !important; }
body:has([data-v-69351ae4]) [data-v-69351ae4] .w-24.mt-10.overflow-y-auto.rounded[data-audu-workflow-history='native-hidden'] { display:none !important; }
@media (max-width:900px) {
  body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] { grid-template-columns:1fr !important; padding:14px !important; }
  body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::before,
  body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container]::after,
  body:has([data-v-69351ae4]) [data-v-69351ae4] [data-draw-record-scroll-container] .audu-workflow-result-latest { grid-column:1 !important; }
}

/* Fallback selectors for every drawing workflow, including image refinement. */
[data-draw-record-scroll-container][data-audu-result-layout='ready'] {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
  padding:20px !important;
  background:#f4f7fb !important;
  border-radius:16px !important;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready']::before,
[data-draw-record-scroll-container][data-audu-result-layout='ready']::after {
  grid-column:1 / -1;
  color:#172033;
  font-size:16px;
  font-weight:800;
  line-height:1.25;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready']::before { content:'最新结果'; order:0; margin-top:2px; }
[data-draw-record-scroll-container][data-audu-result-layout='ready']::after { content:'历史记录'; order:2; margin-top:10px; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] > div:not([id]),
[data-draw-record-scroll-container][data-audu-result-layout='ready'] > div:not([id]) > .flex.flex-col.w-full { display:contents !important; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .text-lg.font-bold,
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-hidden { display:none !important; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest {
  grid-column:1 / -1;
  order:1;
  margin:0 !important;
  overflow:hidden;
  border:1px solid #dfe6f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(25,45,80,.08);
}
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history {
  order:3;
  min-width:0;
  margin:0 !important;
  overflow:hidden;
  border:1px solid #e3e9f3;
  border-radius:12px;
  background:#fff;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest > .flex {
  display:flex !important;
  flex-direction:column !important;
  gap:12px;
  padding:14px;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest > .flex > .flex-1 { width:100% !important; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest img,
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest video { max-height:520px; object-fit:contain; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history > .flex {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:132px;
  padding:10px;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history > .flex > :first-child {
  flex:0 0 42% !important;
  width:42% !important;
  max-width:180px;
}
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history .flex-1 { min-width:0; }
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history .prompt-row,
[data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-history .h-0\.5 { display:none !important; }
.w-24.mt-10.overflow-y-auto.rounded[data-audu-workflow-history='native-hidden'] { display:none !important; }
@media (max-width:900px) {
  [data-draw-record-scroll-container][data-audu-result-layout='ready'] { grid-template-columns:1fr !important; padding:14px !important; }
  [data-draw-record-scroll-container][data-audu-result-layout='ready']::before,
  [data-draw-record-scroll-container][data-audu-result-layout='ready']::after,
  [data-draw-record-scroll-container][data-audu-result-layout='ready'] .audu-workflow-result-latest { grid-column:1 !important; }
}