/* qilin33-apple-v4 */
/* Light visual refresh for Qilin 3.3. Keeps the native React workflow intact. */

:root {
  color-scheme: light;
  --q33-bg: #f3f4f6;
  --q33-surface: rgba(255, 255, 255, .86);
  --q33-card: #ffffff;
  --q33-card-soft: #f8fafc;
  --q33-line: #d9dde5;
  --q33-line-soft: #e8ebf0;
  --q33-text: #15171c;
  --q33-muted: #667085;
  --q33-soft: #98a2b3;
  --q33-blue: #0a84ff;
  --q33-blue-soft: #e8f2ff;
  --q33-green: #1f9d55;
  --q33-green-soft: #e6f7ed;
  --q33-red-soft: #fff0ee;
  --q33-shadow: 0 18px 54px rgba(32, 42, 56, .14);
  --q33-shadow-soft: 0 8px 26px rgba(32, 42, 56, .10);
  --q33-radius: 8px;
}

html[data-qilin33-ui-polish="ready"],
body.q33-apple-ui {
  background: linear-gradient(180deg, #f7f8fb 0%, #eef1f5 100%) !important;
}

body.q33-apple-ui,
body.q33-apple-ui * {
  letter-spacing: 0 !important;
}

body.q33-apple-ui [class*="bg-[#111]"],
body.q33-apple-ui [class*="bg-[#181818]"],
body.q33-apple-ui [class*="bg-[#1e1e1e]"],
body.q33-apple-ui [class*="bg-[#252526]"],
body.q33-apple-ui [class*="bg-[#17191f]"],
body.q33-apple-ui [class*="bg-[#101010]"],
body.q33-apple-ui [class*="bg-[#101114]"],
body.q33-apple-ui [class*="bg-[#111216]"],
body.q33-apple-ui [class*="bg-[#12161f]"],
body.q33-apple-ui [class*="bg-[#14151a]"],
body.q33-apple-ui [class*="bg-[#17181c]"],
body.q33-apple-ui [class*="bg-[#0d0f14]"],
body.q33-apple-ui [class*="bg-[#0d0e11]"],
body.q33-apple-ui [class*="bg-[#0f1117]"],
body.q33-apple-ui [class*="bg-[#111318]"],
body.q33-apple-ui [class*="bg-[#0f172a]"],
body.q33-apple-ui [class*="bg-[#111827]"],
body.q33-apple-ui [class*="bg-white/5"],
body.q33-apple-ui [class*="bg-white/10"] {
  background: var(--q33-surface) !important;
  color: var(--q33-text) !important;
}

body.q33-apple-ui [class*="text-gray-100"],
body.q33-apple-ui [class*="text-gray-200"],
body.q33-apple-ui [class*="text-gray-300"],
body.q33-apple-ui [class*="text-white"] {
  color: var(--q33-text) !important;
}

body.q33-apple-ui [class*="text-gray-400"],
body.q33-apple-ui [class*="text-gray-500"],
body.q33-apple-ui [class*="text-gray-600"] {
  color: var(--q33-muted) !important;
}

body.q33-apple-ui [class*="border-[#333]"],
body.q33-apple-ui [class*="border-[#2a2c34]"],
body.q33-apple-ui [class*="border-[#2c2d33]"],
body.q33-apple-ui [class*="border-[#2f3139]"],
body.q33-apple-ui [class*="border-[#3a3d46]"],
body.q33-apple-ui [class*="border-[#3a3a42]"],
body.q33-apple-ui [class*="border-[#383a42]"],
body.q33-apple-ui [class*="border-[#40424b]"],
body.q33-apple-ui [class*="border-[#323743]"],
body.q33-apple-ui [class*="border-gray-"] {
  border-color: var(--q33-line) !important;
}

body.q33-apple-ui input,
body.q33-apple-ui textarea,
body.q33-apple-ui select {
  background: #fff !important;
  color: var(--q33-text) !important;
  border-color: var(--q33-line) !important;
  border-radius: var(--q33-radius) !important;
  box-shadow: none !important;
}

body.q33-apple-ui textarea::placeholder,
body.q33-apple-ui input::placeholder {
  color: var(--q33-soft) !important;
}

body.q33-apple-ui button {
  border-radius: var(--q33-radius) !important;
}

body.q33-apple-ui button[class*="bg-blue"],
body.q33-apple-ui .q33-iconized-mode.is-q33-active,
body.q33-apple-ui .q33-primary-blue {
  background: var(--q33-blue) !important;
  border-color: var(--q33-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(10, 132, 255, .22) !important;
}

body.q33-apple-ui [class*="hover:bg-white/10"]:hover,
body.q33-apple-ui button:hover {
  filter: none !important;
}

body.q33-apple-ui .q33-app-shell {
  background:
    linear-gradient(#e7ebf1 1px, transparent 1px),
    linear-gradient(90deg, #e7ebf1 1px, transparent 1px),
    #f8f9fb !important;
  background-size: 38px 38px !important;
}

body.q33-apple-ui .q33-topbar-soft,
body.q33-apple-ui header,
body.q33-apple-ui nav {
  backdrop-filter: blur(22px);
}

#qilin33-qilinai-modulebar {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 18px !important;
  border-top: 1px solid rgba(255,255,255,.64) !important;
  border-bottom: 1px solid var(--q33-line) !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--q33-text) !important;
  box-shadow: 0 12px 34px rgba(32,42,56,.10) !important;
  backdrop-filter: blur(20px);
}

#qilin33-qilinai-modulebar .qilin33-qilinai-module-brand {
  color: #1f2937 !important;
  font-size: 13px !important;
}

#qilin33-qilinai-modulebar .qilin33-qilinai-module-brand:before {
  content: "Q";
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #111827, #536071);
  font-size: 11px;
  font-weight: 800;
}

#qilin33-canvas-nav-entry,
#qilin33-api-settings-nav-entry,
#qilin33-points-widget {
  height: 32px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

#qilin33-canvas-nav-entry {
  min-width: 104px !important;
  padding: 0 13px 0 36px !important;
  border-color: rgba(10,132,255,.45) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0a84ff, #37a5ff) !important;
  position: relative !important;
  box-shadow: 0 10px 24px rgba(10,132,255,.22) !important;
}

#qilin33-canvas-nav-entry:before,
#qilin33-api-settings-nav-entry:before,
#qilin33-points-widget:before,
.q33-module-group .q33-iconized-mode:before,
.q33-mini-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.30), 0 5px 12px rgba(34,42,56,.12);
}

#qilin33-canvas-nav-entry:before {
  content: "画";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #ffffff, #dbeeff);
  color: #075db6;
}

#qilin33-api-settings-nav-entry {
  min-width: 88px !important;
  padding: 0 12px 0 34px !important;
  border-color: var(--q33-line) !important;
  color: #253041 !important;
  background: #fff !important;
  position: relative !important;
}

#qilin33-api-settings-nav-entry:before {
  content: "管";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #6677ff, #303f9f);
}

#qilin33-points-widget {
  border-color: rgba(31,157,85,.30) !important;
  background: var(--q33-green-soft) !important;
  color: #167545 !important;
  padding-left: 10px !important;
  overflow: hidden !important;
}

#qilin33-points-widget:before {
  content: "积";
  background: linear-gradient(135deg, #30d158, #1f9d55);
}

#qilin33-points-widget strong,
#qilin33-points-widget small,
#qilin33-points-widget .qilin33-points-label {
  color: #167545 !important;
}

#qilin33-points-widget button {
  border-color: rgba(31,157,85,.24) !important;
  background: #fff !important;
  color: #167545 !important;
}

#qilin33-api-settings-panel,
#qilin33-points-panel {
  border-radius: 8px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--q33-text) !important;
  border-color: var(--q33-line) !important;
  box-shadow: var(--q33-shadow) !important;
}

#qilin33-api-settings-panel *,
#qilin33-points-panel * {
  color: inherit;
}

.qilin33-api-settings-head,
.qilin33-points-panel-head,
.qilin33-canvas-topbar {
  background: rgba(249,250,252,.95) !important;
  border-color: var(--q33-line-soft) !important;
  color: var(--q33-text) !important;
}

.qilin33-api-settings-head strong,
.qilin33-points-panel-head strong {
  color: var(--q33-text) !important;
}

.qilin33-api-settings-head span {
  color: #075db6 !important;
}

.qilin33-points-panel-head span {
  color: #167545 !important;
}

.qilin33-api-settings-close,
.qilin33-points-panel-head button,
.qilin33-canvas-close {
  border-color: var(--q33-line) !important;
  background: #fff !important;
  color: var(--q33-text) !important;
}

.qilin33-managed-api-card,
.qilin33-managed-api-policy > div,
.qilin33-managed-api-overview span,
.qilin33-managed-api-model-list,
.qilin33-settings-api-manager,
.qilin33-points-form,
.qilin33-points-transaction,
.qilin33-points-order,
.qilin33-points-empty {
  border-color: var(--q33-line-soft) !important;
  background: #fff !important;
  color: var(--q33-text) !important;
  border-radius: 8px !important;
}

.qilin33-points-balance-card {
  border-color: rgba(31,157,85,.24) !important;
  background: linear-gradient(135deg, #effaf3, #f8fff9) !important;
}

.qilin33-points-balance-card strong {
  color: var(--q33-text) !important;
}

.qilin33-points-balance-card span,
.qilin33-points-balance-card em {
  color: #167545 !important;
}

.qilin33-points-form button.primary {
  background: var(--q33-green) !important;
  border-color: var(--q33-green) !important;
  color: #fff !important;
}

.q33-iconized-mode {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.q33-module-group .q33-iconized-mode:before,
.q33-mini-icon {
  flex: 0 0 18px;
}

.q33-icon-text,
.q33-module-group .q33-iconized-mode.q33-icon-text:before { background: linear-gradient(135deg, #5e8cff, #0a84ff); }
.q33-icon-edit,
.q33-module-group .q33-iconized-mode.q33-icon-edit:before { background: linear-gradient(135deg, #00b8d9, #0a84ff); }
.q33-icon-wear,
.q33-module-group .q33-iconized-mode.q33-icon-wear:before { background: linear-gradient(135deg, #ff7a59, #ff3b30); }
.q33-icon-detail,
.q33-module-group .q33-iconized-mode.q33-icon-detail:before { background: linear-gradient(135deg, #ffb020, #ff7a00); }
.q33-icon-poster,
.q33-module-group .q33-iconized-mode.q33-icon-poster:before { background: linear-gradient(135deg, #9b7bff, #5856d6); }
.q33-icon-book,
.q33-module-group .q33-iconized-mode.q33-icon-book:before { background: linear-gradient(135deg, #37c2a7, #1f9d55); }
.q33-icon-fine,
.q33-module-group .q33-iconized-mode.q33-icon-fine:before { background: linear-gradient(135deg, #8fa8ff, #4f7cff); }
.q33-icon-scene,
.q33-module-group .q33-iconized-mode.q33-icon-scene:before { background: linear-gradient(135deg, #ff6fae, #d94d7b); }
.q33-icon-campaign,
.q33-module-group .q33-iconized-mode.q33-icon-campaign:before { background: linear-gradient(135deg, #ffd166, #b36b00); }
.q33-icon-main,
.q33-module-group .q33-iconized-mode.q33-icon-main:before { background: linear-gradient(135deg, #30d158, #1f9d55); }
.q33-icon-clone,
.q33-module-group .q33-iconized-mode.q33-icon-clone:before { background: linear-gradient(135deg, #6bd6ff, #3157d8); }

.qilin33-large-preview-overlay,
.qilin33-large-preview-overlay[hidden] {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  background: rgba(0, 0, 0, 0.88) !important;
}

/* qilin33-apple-v4-landed */
/* q33-maixiang-size-layout: compact workspace proportions from the original Maixiang AI layout. */
body.q33-apple-ui.q33-landed-v4 {
  --q33-design-width: 1540px;
  --q33-design-height: 900px;
  --q33-ui-scale: 1;
  --q33-scaled-width: 1540px;
  --q33-scaled-height: 900px;
  --q33-app-left: 0px;
  --q33-app-top: 0px;
  --q33-app-width: 1540px;
  --q33-stack-left: 1302px;
  --q33-stack-width: 238px;
  --q33-map-width: 1506px;
  --q33-map-height: 154px;
  --q33-app-height: 900px;
  min-width: var(--q33-scaled-width);
  min-height: var(--q33-scaled-height);
  overflow: hidden !important;
  background: linear-gradient(180deg, #f7f8fb 0%, #e9edf3 100%) !important;
}

body.q33-apple-ui.q33-landed-v4 .q33-scale-host {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--q33-design-width) !important;
  max-width: var(--q33-design-width) !important;
  min-height: var(--q33-design-height) !important;
  max-height: none !important;
  overflow: hidden !important;
  zoom: var(--q33-ui-scale);
  transform-origin: top left !important;
  isolation: isolate !important;
  pointer-events: none !important;
}

body.q33-apple-ui.q33-landed-v4 .q33-scale-host > * {
  pointer-events: auto !important;
}

body.q33-apple-ui.q33-landed-v4 #root {
  position: relative !important;
  width: var(--q33-design-width) !important;
  min-height: var(--q33-design-height) !important;
  zoom: var(--q33-ui-scale);
  transform-origin: top left !important;
  isolation: isolate !important;
}

body.q33-apple-ui.q33-landed-v4 .q33-app-shell {
  position: absolute !important;
  left: var(--q33-app-left) !important;
  top: var(--q33-app-top) !important;
  width: var(--q33-app-width) !important;
  height: var(--q33-app-height) !important;
  min-height: var(--q33-app-height) !important;
  max-height: none !important;
  border: 1px solid rgba(130, 142, 160, .35) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--q33-shadow) !important;
  background:
    linear-gradient(#e7ebf1 1px, transparent 1px),
    linear-gradient(90deg, #e7ebf1 1px, transparent 1px),
    #f8f9fb !important;
  background-size: 38px 38px !important;
}

.q33-design-top-shell {
  position: relative !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 5px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--q33-line-soft) !important;
  background: rgba(255, 255, 255, .78) !important;
  color: var(--q33-text) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px);
}

.q33-design-titlebar-grid {
  width: 100% !important;
  height: 84px !important;
  display: grid !important;
  grid-template-columns: 214px minmax(0, 1fr) auto !important;
  grid-template-rows: 34px 50px !important;
  grid-template-areas:
    "brand spacer utilities"
    "modes modes modes" !important;
  align-items: center !important;
  gap: 4px 12px !important;
}

.q33-brand-zone {
  grid-area: brand !important;
  display: grid !important;
  grid-template-columns: auto 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.q33-brand-zone[data-q33-traffic-dots="true"]:before {
  content: "";
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: #ff5f57 !important;
  box-shadow:
    20px 0 0 #ffbd2e,
    40px 0 0 #28c840,
    inset 0 0 0 1px rgba(0,0,0,.06) !important;
}

.q33-traffic-dots {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
}

.q33-traffic-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06) !important;
}

.q33-traffic-dot.is-red { background: #ff5f57 !important; }
.q33-traffic-dot.is-yellow { background: #ffbd2e !important; }
.q33-traffic-dot.is-green { background: #28c840 !important; }

.q33-brand-zone h1,
.q33-brand-zone [class*="font-black"] {
  color: #15171c !important;
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
}

.q33-brand-zone span,
.q33-brand-zone [class*="text-gray"] {
  color: var(--q33-muted) !important;
  font-size: 11px !important;
}

.q33-native-top-actions {
  display: none !important;
}

.q33-mode-ribbon-slot {
  grid-area: modes !important;
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
  align-self: start !important;
}

.q33-mode-ribbon-slot > div,
.q33-mode-ribbon {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  overflow: hidden !important;
}

.q33-module-group {
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px !important;
  border: 1px solid var(--q33-line-soft) !important;
  border-radius: 8px !important;
  background: rgba(245, 247, 250, .76) !important;
  box-shadow: none !important;
}

.q33-module-group:before,
.q33-module-group-label {
  content: attr(data-q33-group-label);
  color: var(--q33-soft) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
  user-select: none !important;
}

.q33-module-group .q33-iconized-mode {
  height: 28px !important;
  min-width: 54px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #565e6b !important;
  box-shadow: none !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.q33-module-group .q33-iconized-mode:before {
  content: attr(data-q33-icon-text);
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.30), 0 5px 12px rgba(34,42,56,.12) !important;
}

.q33-module-group .q33-iconized-mode:after {
  content: attr(data-q33-display-label);
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.q33-module-group .q33-iconized-mode.is-q33-active,
.q33-module-group .q33-iconized-mode[class*="text-white"] {
  color: #fff !important;
  background: var(--q33-blue) !important;
  box-shadow: 0 7px 18px rgba(10,132,255,.24) !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar {
  grid-area: utilities !important;
  position: absolute !important;
  top: 7px !important;
  right: 12px !important;
  z-index: 140 !important;
  pointer-events: auto !important;
  justify-self: auto !important;
  width: max-content !important;
  min-width: max-content !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar .qilin33-qilinai-module-brand {
  display: none !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar .qilin33-qilinai-module-actions {
  width: max-content !important;
  min-width: max-content !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar .qilin33-qilinai-module-actions > * {
  flex: 0 0 auto !important;
  position: relative !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #qilin33-canvas-nav-entry {
  order: 10 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #q33-api-visual-entry {
  order: 20 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #qilin33-points-widget {
  order: 30 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #qilin33-api-settings-nav-entry {
  order: 40 !important;
  margin-left: 28px !important;
  z-index: 2 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #q33-notice-proxy {
  order: 50 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #q33-settings-proxy {
  order: 60 !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #qilin33-points-widget {
  width: 266px !important;
  min-width: 266px !important;
  max-width: 266px !important;
  overflow: hidden !important;
}

#qilin33-qilinai-modulebar.q33-top-utility-bar #qilin33-points-widget button {
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
}

#q33-api-visual-entry,
.q33-ns-button {
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #384150 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#q33-api-visual-entry {
  min-width: 92px !important;
  gap: 6px !important;
}

#q33-api-visual-entry:before {
  content: "管";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #6677ff, #303f9f);
  font-size: 10px;
}

.q33-ns-button {
  width: 32px !important;
  min-width: 32px !important;
  color: #4f5b6d !important;
}

.q33-main-workspace {
  height: calc(100% - 96px) !important;
  display: grid !important;
  grid-template-columns: 290px minmax(0, 1fr) 238px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.92) 0 290px, transparent 290px),
    linear-gradient(90deg, transparent calc(100% - 238px), rgba(255,255,255,.92) calc(100% - 238px)),
    #f5f6f8 !important;
}

.q33-left-config-panel {
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.76) !important;
  border-right: 1px solid var(--q33-line-soft) !important;
}

.q33-left-config-panel > div {
  flex: 1 1 auto !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(10,132,255,.38) transparent !important;
}

.q33-left-config-panel .q33-left-config-shell {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.q33-left-config-panel .q33-left-config-scroll-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 144px !important;
  scroll-padding-bottom: 144px !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(10,132,255,.38) transparent !important;
}

.q33-left-config-panel[data-q33-scroll-tight="true"] .q33-left-config-scroll-body[data-q33-left-primary-scroll-body="true"] {
  scrollbar-gutter: stable !important;
}

.q33-left-config-panel *,
.q33-left-config-panel *::before,
.q33-left-config-panel *::after {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.q33-left-config-panel textarea,
.q33-left-config-panel input,
.q33-left-config-panel select,
.q33-left-config-panel [contenteditable="true"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.q33-left-config-panel textarea,
.q33-left-config-panel [contenteditable="true"],
.q33-left-config-panel pre,
.q33-left-config-panel code {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.q33-left-config-panel textarea {
  overflow-x: hidden !important;
  resize: vertical !important;
}

.q33-left-config-panel .q33-main-generate-footer {
  flex: 0 0 auto !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 85 !important;
  margin: 0 !important;
  padding: 10px 14px 14px !important;
  background: rgba(255,255,255,.96) !important;
  border-top: 1px solid rgba(209,216,226,.78) !important;
  box-shadow: 0 -16px 26px rgba(16,24,40,.08) !important;
}

.q33-left-config-panel[data-q33-generate-docked-panel="true"] {
  padding-bottom: 0 !important;
}

.q33-main-generate-footer[data-q33-generate-docked-footer="true"] {
  position: fixed !important;
  box-sizing: border-box !important;
}

.q33-left-config-panel .q33-main-generate-button {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 80 !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid var(--q33-blue) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #0a84ff, #37a5ff) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(10,132,255,.26), 0 0 0 1px rgba(255,255,255,.42) inset !important;
}

.q33-left-config-panel::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 62px !important;
  z-index: 70 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.90) 28%, rgba(255,255,255,.98)) !important;
  border-top: 1px solid rgba(209,216,226,.72) !important;
}

.q33-left-config-panel .q33-main-generate-button[disabled] {
  background: linear-gradient(135deg, #9ccfff, #b7dcff) !important;
  border-color: rgba(10,132,255,.30) !important;
  color: rgba(255,255,255,.88) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.q33-left-config-panel .q33-main-generate-button.q33-main-generate-cancel {
  background: #fff0ee !important;
  border-color: rgba(217,45,32,.30) !important;
  color: #d92d20 !important;
  box-shadow: 0 12px 26px rgba(217,45,32,.12) !important;
}

.q33-left-config-panel button:not(.q33-iconized-mode):not([class*="bg-blue"]):not([class*="text-white"]):not([disabled]),
.q33-left-config-panel [role="button"]:not(.q33-iconized-mode):not([class*="bg-blue"]):not([class*="text-white"]):not([disabled]) {
  border: 1px solid var(--q33-line) !important;
  background: #f8fafc !important;
  color: #344054 !important;
  box-shadow: none !important;
}

.q33-left-config-panel button[class*="bg-[#2"],
.q33-left-config-panel button[class*="bg-[#3"],
.q33-left-config-panel button[class*="bg-neutral"],
.q33-left-config-panel button[class*="bg-zinc"],
.q33-left-config-panel button[class*="bg-gray"] {
  border: 1px solid var(--q33-line) !important;
  background: #f8fafc !important;
  color: #344054 !important;
  box-shadow: none !important;
}

.q33-left-config-panel button[class*="red"],
.q33-left-config-panel button[class*="rose"] {
  border-color: rgba(217, 45, 32, .24) !important;
  background: var(--q33-red-soft) !important;
  color: #d92d20 !important;
}

.q33-left-config-panel button[class*="bg-blue"],
.q33-left-config-panel button[class*="text-white"],
.q33-left-config-panel button.is-q33-active {
  background: var(--q33-blue) !important;
  border-color: var(--q33-blue) !important;
  color: #fff !important;
}

.q33-left-config-panel button[disabled] {
  background: #f1f3f6 !important;
  border-color: var(--q33-line-soft) !important;
  color: #9aa3b2 !important;
  opacity: 1 !important;
}

.q33-center-stage {
  min-width: 0 !important;
  width: auto !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(#e4e8ef 1px, transparent 1px),
    linear-gradient(90deg, #e4e8ef 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.92), rgba(248,249,251,.74) 42%, rgba(243,245,248,.78) 100%) !important;
  background-size: 38px 38px, 38px 38px, auto !important;
}

.q33-center-stage img[alt="Generated Art"],
.q33-center-stage img[alt="Stitched Result"],
.q33-center-stage img[src^="blob:"],
.q33-center-stage img[src^="data:image"],
.q33-center-stage img[src^="file:"],
.q33-center-stage img[src^="local-image:"],
.q33-center-stage img[src^="http://"],
.q33-center-stage img[src^="https://"] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.q33-center-stage .q33-center-result-fill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.q33-center-stage .q33-center-result-frame {
  --q33-result-preview-scale-v130: 1;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: var(--q33-result-frame-width, min(92%, 1120px)) !important;
  height: var(--q33-result-frame-height, min(86%, 900px)) !important;
  max-width: calc(100% - 72px) !important;
  max-height: calc(100% - 96px) !important;
  min-height: 180px !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count="1"] {
  --q33-native-single-result-frame-v130: 1;
  width: min(92%, 1120px) !important;
  max-width: calc(100% - 72px) !important;
  height: min(86%, 900px) !important;
  max-height: calc(100% - 96px) !important;
  align-self: center !important;
  margin: auto !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count="1"] > div {
  min-height: 0 !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count="1"] img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.q33-center-stage .q33-center-result-fallback {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.q33-model-workbench-open .q33-center-stage,
body.q33-model-workbench-open #q33-stage-status-card {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.q33-apple-ui :is(button,[role="button"],[role="tab"],a).q33-force-light-button,
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-[#0d0f14]"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-[#0f1117]"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-[#111318]"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-[#17191f]"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-slate-950"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-zinc-950"],
body.q33-apple-ui :is(button,[role="button"],[role="tab"])[class*="bg-neutral-950"] {
  background: #f8fafc !important;
  border: 1px solid var(--q33-line) !important;
  color: #344054 !important;
  box-shadow: none !important;
}

body.q33-apple-ui :is(button,[role="button"],[role="tab"],a).q33-force-light-button:hover {
  background: #eef6ff !important;
  border-color: rgba(10,132,255,.26) !important;
  color: #0a65c8 !important;
}

body.q33-apple-ui .q33-model-workbench-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 20000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 48px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  transform: none !important;
  isolation: isolate !important;
  transition: none !important;
}

body.q33-apple-ui .q33-model-workbench-shell {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 20001 !important;
  width: min(1800px, calc(100vw - 96px)) !important;
  height: min(900px, calc(100vh - 96px)) !important;
  max-width: min(1800px, calc(100vw - 96px)) !important;
  max-height: min(900px, calc(100vh - 96px)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  transform: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  transition: none !important;
}

body.q33-apple-ui .q33-model-workbench-shell iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border: 0 !important;
  transition: none !important;
}

/* qilin33-model-workbench-stable-scale-v195 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */
/* qilin33-model-workbench-viewport-geometry-v198 */

/* qilin33-model-workbench-geometry-lock-v192 */
html[data-q33-model-workbench-scroll-locked-v192="true"],
body.q33-model-workbench-open,
body[data-q33-model-workbench-scroll-locked-v192="true"] {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scrollbar-gutter: auto !important;
  overscroll-behavior: contain !important;
}

/* qilin33-model-workbench-jitter-v184 */

/* qilin33-model-workbench-stability-v182 */
body.q33-apple-ui .q33-model-workbench-minimized-v182,
body.q33-apple-ui [data-q33-model-workbench-minimized-v182="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: none !important;
}

/* qilin33-model-workbench-focus-inert-v183 */
body.q33-apple-ui [data-q33-model-workbench-inert-v183="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.q33-center-stage .q33-empty-branding {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 220px !important;
  padding: 18px 22px !important;
  color: #5f6b7a !important;
  opacity: .86 !important;
  transition: none !important;
  transform: translateY(-8px) !important;
  filter: none !important;
  text-align: center !important;
}

.q33-center-stage .q33-empty-branding.opacity-40 {
  opacity: .86 !important;
}

.q33-center-stage .q33-empty-branding::before {
  content: "Q" !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 2px !important;
  border: 1px solid rgba(10,132,255,.22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff, #eef6ff) !important;
  color: #0a84ff !important;
  box-shadow: 0 12px 28px rgba(32,42,56,.08) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.q33-center-stage .q33-empty-branding svg,
.q33-center-stage .q33-empty-branding [class*="animate"],
.q33-center-stage .q33-empty-branding [class*="border-4"] {
  display: none !important;
}

.q33-center-stage .q33-empty-branding > div {
  display: none !important;
}

.q33-center-stage .q33-empty-branding h1,
.q33-center-stage .q33-empty-branding h2,
.q33-center-stage .q33-empty-branding h3,
.q33-center-stage .q33-empty-branding strong {
  margin: 0 !important;
  color: #4b5565 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 850 !important;
}

.q33-center-stage .q33-empty-branding p,
.q33-center-stage .q33-empty-branding span,
.q33-center-stage .q33-empty-branding div {
  color: #8a95a6 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.q33-history-panel {
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 18px !important;
  scroll-behavior: smooth !important;
  scrollbar-width: auto !important;
  scrollbar-color: rgba(10,132,255,.48) rgba(226,232,240,.86) !important;
  background: rgba(255,255,255,.78) !important;
  border-left: 1px solid var(--q33-line-soft) !important;
}

.q33-history-panel::-webkit-scrollbar {
  width: 16px !important;
}

.q33-history-panel::-webkit-scrollbar-track {
  background: rgba(226,232,240,.86) !important;
  border-left: 1px solid rgba(209,216,226,.76) !important;
}

.q33-history-panel::-webkit-scrollbar-thumb {
  min-height: 68px !important;
  border: 3px solid rgba(226,232,240,.86) !important;
  border-radius: 8px !important;
  background: rgba(10,132,255,.58) !important;
}

.q33-history-scroll-rail {
  position: absolute !important;
  top: 12px !important;
  right: 5px !important;
  bottom: 12px !important;
  z-index: 55 !important;
  width: 24px !important;
  display: grid !important;
  grid-template-rows: 28px minmax(96px, 1fr) 28px !important;
  gap: 6px !important;
  pointer-events: auto !important;
  opacity: .96 !important;
}

.q33-history-scroll-rail[hidden],
.q33-history-scroll-rail.is-disabled {
  display: none !important;
}

.q33-history-scroll-button {
  width: 24px !important;
  height: 28px !important;
  min-width: 24px !important;
  min-height: 28px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(10,132,255,.28) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.94) !important;
  color: #0a65c8 !important;
  box-shadow: 0 8px 18px rgba(32,42,56,.12) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.q33-history-scroll-button:disabled {
  opacity: .48 !important;
  cursor: default !important;
}

.q33-history-scroll-track {
  position: relative !important;
  width: 18px !important;
  height: 100% !important;
  margin: 0 auto !important;
  border: 1px solid rgba(209,216,226,.92) !important;
  border-radius: 8px !important;
  background: rgba(241,245,249,.88) !important;
  box-shadow: inset 0 1px 2px rgba(16,24,40,.08) !important;
  cursor: pointer !important;
}

.q33-history-scroll-thumb {
  position: absolute !important;
  left: 1px !important;
  top: 1px !important;
  width: 14px !important;
  min-height: 68px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(55,165,255,.96), rgba(10,132,255,.96)) !important;
  box-shadow: 0 7px 14px rgba(10,132,255,.24), inset 0 0 0 1px rgba(255,255,255,.40) !important;
  cursor: grab !important;
  touch-action: none !important;
}

.q33-history-scroll-thumb:active {
  cursor: grabbing !important;
}

.q33-history-panel .q33-history-reuse-card {
  position: relative !important;
  isolation: isolate !important;
}

.q33-history-panel .q33-history-reuse-button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 30 !important;
  min-width: 58px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 13px !important;
  border: 1px solid rgba(10,132,255,.34) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.96) !important;
  color: #075db6 !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.22) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.q33-history-panel .q33-history-reuse-card-has-corner-action .q33-history-reuse-button {
  right: 54px !important;
}

.q33-history-panel .q33-history-reuse-button:hover,
.q33-history-panel .q33-history-reuse-button:focus-visible {
  border-color: var(--q33-blue) !important;
  background: var(--q33-blue) !important;
  color: #fff !important;
  outline: none !important;
}

.q33-stage-toolbar {
  position: absolute !important;
  z-index: 20 !important;
  top: 18px !important;
  left: 50% !important;
  max-width: calc(100% - 32px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--q33-shadow-soft) !important;
  backdrop-filter: blur(20px);
  white-space: nowrap !important;
}

.q33-stage-title {
  color: #3a4454 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  padding: 0 6px !important;
}

.q33-stage-chip {
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #3d4655 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.q33-stage-chip.is-active {
  border-color: rgba(10,132,255,.30) !important;
  background: var(--q33-blue-soft) !important;
  color: #075db6 !important;
}

.q33-stage-status-card {
  position: absolute !important;
  z-index: 12 !important;
  left: 50% !important;
  bottom: 14px !important;
  width: min(520px, calc(100% - 42px)) !important;
  transform: translateX(-50%) !important;
  padding: 12px !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--q33-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.q33-stage-status-card strong {
  display: block !important;
  color: #252b35 !important;
  font-size: 15px !important;
  margin: 0 0 8px !important;
}

.q33-stage-status-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.q33-stage-status-actions button {
  height: 28px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border: 1px solid var(--q33-line-soft) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #4e596a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.q33-right-command-stack {
  position: absolute !important;
  left: var(--q33-stack-left) !important;
  top: var(--q33-app-top) !important;
  width: var(--q33-stack-width) !important;
  height: var(--q33-app-height) !important;
  min-height: var(--q33-app-height) !important;
  max-height: none !important;
  z-index: 30 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.q33-command-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--q33-shadow-soft) !important;
  backdrop-filter: blur(18px);
  overflow: hidden !important;
}

.q33-command-card:nth-child(2) {
  overflow: auto !important;
}

body.q33-apple-ui.q33-landed-v4.q33-points-card-collapsed .q33-points-card {
  display: none !important;
}

body.q33-apple-ui.q33-landed-v4.q33-points-card-collapsed .q33-right-command-stack {
  grid-template-rows: minmax(0, 1fr) auto !important;
}

.q33-command-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

.q33-command-head strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #171b22 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.q33-command-head button {
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4a5362 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.q33-command-card p {
  margin: 0 0 12px !important;
  color: var(--q33-muted) !important;
  font-size: 12px !important;
}

.q33-card-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.q33-icon-energy { background: linear-gradient(135deg, #30d158, #1f9d55) !important; }
.q33-icon-api { background: linear-gradient(135deg, #6677ff, #303f9f) !important; }
.q33-icon-slice { background: linear-gradient(135deg, #9fb7ff, #4f7cff) !important; }

.q33-balance-box {
  padding: 16px !important;
  border: 1px solid rgba(31,157,85,.22) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #effaf3, #f8fff9) !important;
}

.q33-balance-box span {
  display: block !important;
  color: #16834c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}

.q33-balance-box strong {
  color: #171b22 !important;
  font-size: 26px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.q33-denom-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

.q33-denom-row button,
.q33-model-grid button {
  min-width: 0 !important;
  border: 1px solid var(--q33-line-soft) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #222832 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.q33-denom-row button {
  height: 34px !important;
}

.q33-pay-row,
.q33-size-box {
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
  padding: 0 12px !important;
  border: 1px solid var(--q33-line-soft) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #687282 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.q33-green-action {
  width: 100% !important;
  height: 40px !important;
  margin-top: 10px !important;
  border: 1px solid var(--q33-green) !important;
  border-radius: 8px !important;
  background: var(--q33-green) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.q33-model-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.q33-model-grid button {
  min-height: 96px !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 11px !important;
  text-align: left !important;
}

.q33-model-grid b,
.q33-model-grid span,
.q33-model-grid em {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-model-grid b {
  color: #171b22 !important;
  font-size: 13px !important;
}

.q33-model-grid span,
.q33-model-grid em {
  color: #5f6b7a !important;
  font-size: 11px !important;
  font-style: normal !important;
}

.q33-model-grid span {
  color: #1f9d55 !important;
}

.q33-function-map-sheet {
  position: absolute !important;
  left: var(--q33-app-left) !important;
  top: calc(var(--q33-app-top) + var(--q33-app-height) + 18px) !important;
  width: var(--q33-map-width) !important;
  height: var(--q33-map-height) !important;
  z-index: 900 !important;
  display: grid !important;
  grid-template-columns: 260px repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid var(--q33-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: var(--q33-shadow-soft) !important;
  backdrop-filter: blur(20px);
  overflow: hidden !important;
}

.q33-map-intro h2,
.q33-map-card h3 {
  margin: 0 !important;
  color: #171b22 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.q33-map-intro p {
  margin: 8px 0 0 !important;
  color: var(--q33-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.q33-map-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--q33-line-soft) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.72) !important;
  overflow: hidden !important;
}

.q33-map-card div {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

.q33-map-card span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  background: #f0f5f8 !important;
  color: #4f5b6a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.q33-map-card span:before {
  content: "";
  width: 6px !important;
  height: 6px !important;
  margin-right: 6px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #37c2a7, #0a84ff) !important;
}

@media (max-height: 820px) {
  body.q33-apple-ui.q33-landed-v4 {
    min-height: var(--q33-scaled-height);
  }
}

.q33-right-command-stack,
.q33-function-map-sheet {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count]:not([data-qilin-result-count="1"]),
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-result-grid-contained-v152] {
  --q33-result-grid-contained-v152: 1;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  align-items: center !important;
  justify-items: stretch !important;
  width: min(calc(100% - 48px), 1240px) !important;
  height: min(calc(100% - 96px), 860px) !important;
  max-width: calc(100% - 48px) !important;
  max-height: calc(100% - 96px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count]:not([data-qilin-result-count="1"]) > div,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-result-grid-contained-v152] > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.q33-center-stage .qilin33ResultGridClassV126[data-qilin-result-count]:not([data-qilin-result-count="1"]) img,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-result-grid-contained-v152] img {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
/* qilin33-task-status-detail-v153 */
.q33-center-stage {
  position: relative !important;
}

.q33-task-progress-panel {
  position: absolute !important;
  left: 18px !important;
  bottom: 18px !important;
  z-index: 168 !important;
  width: min(360px, calc(100% - 36px)) !important;
  box-sizing: border-box !important;
  padding: 12px !important;
  border: 1px solid rgba(45, 61, 82, .14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 16px 42px rgba(28, 45, 68, .16) !important;
  color: #18212f !important;
  pointer-events: none !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  overflow: hidden !important;
}

.q33-task-progress-head,
.q33-task-progress-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.q33-task-progress-head strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #121a26 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-task-progress-head span {
  flex: 0 0 auto !important;
  height: 22px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(0, 113, 227, .16) !important;
  border-radius: 6px !important;
  background: #eef6ff !important;
  color: #075fb8 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 20px !important;
}

.q33-task-progress-meta {
  margin-top: 9px !important;
}

.q33-task-progress-meta span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #2d3d52 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-task-progress-meta b {
  color: #0071e3 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.q33-task-progress-bar {
  height: 6px !important;
  margin-top: 8px !important;
  border-radius: 6px !important;
  background: #edf1f5 !important;
  overflow: hidden !important;
}

.q33-task-progress-bar i {
  display: block !important;
  height: 100% !important;
  min-width: 4px !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0071e3, #26a269) !important;
  transition: width .35s ease !important;
}

.q33-task-progress-detail {
  margin: 8px 0 0 !important;
  color: #536174 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.q33-task-stage-list {
  display: grid !important;
  gap: 5px !important;
  margin-top: 10px !important;
}

.q33-task-stage-row {
  display: grid !important;
  grid-template-columns: 10px minmax(64px, .7fr) minmax(0, 1.3fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #7a8696 !important;
}

.q33-task-stage-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #cfd8e3 !important;
}

.q33-task-stage-row b,
.q33-task-stage-row em {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-task-stage-row b {
  font-size: 11px !important;
  font-weight: 900 !important;
}

.q33-task-stage-row em {
  color: #8a95a5 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

.q33-task-stage-row.is-active {
  color: #0b65c5 !important;
}

.q33-task-stage-row.is-active .q33-task-stage-dot {
  background: #0071e3 !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, .13) !important;
}

.q33-task-stage-row.is-done {
  color: #247850 !important;
}

.q33-task-stage-row.is-done .q33-task-stage-dot {
  background: #26a269 !important;
}

.q33-task-stage-row.is-failed {
  color: #c2410c !important;
}

.q33-task-stage-row.is-failed .q33-task-stage-dot,
.q33-task-progress-panel.is-failed .q33-task-progress-bar i {
  background: #f97316 !important;
}

.q33-task-status-marker {
  display: none !important;
}

@media (max-width: 920px) {
  .q33-task-progress-panel {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
  }
}

@media (max-height: 760px) {
  .q33-task-stage-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .q33-task-stage-row {
    grid-template-columns: 10px minmax(0, 1fr) !important;
  }
  .q33-task-stage-row em {
    display: none !important;
  }
}
/* qilin33-task-preview-grid-v155 */
.q33-generation-preview-grid {
  --qilin33-task-preview-grid-v155: 1;
  position: absolute !important;
  inset: 16px 18px 92px 18px !important;
  z-index: 146 !important;
  display: grid !important;
  grid-template-columns: repeat(var(--q33-generation-preview-cols, 3), minmax(0, 1fr)) !important;
  grid-template-rows: repeat(var(--q33-generation-preview-rows, 1), minmax(150px, 1fr)) !important;
  gap: 8px !important;
  align-content: stretch !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  pointer-events: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(88, 166, 255, .48) rgba(255, 255, 255, .08) !important;
}

.q33-generation-preview-grid-active .q33-generation-native-placeholder-v155 {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.q33-generation-preview-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 150px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(15, 18, 23, .98), rgba(8, 10, 13, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 32px rgba(0, 0, 0, .18) !important;
  color: #edf5ff !important;
}

.q33-generation-card-head,
.q33-generation-card-foot {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 9px 10px !important;
}

.q33-generation-card-head {
  border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
}

.q33-generation-card-head span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #b8c7d9 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-generation-card-head b {
  flex: 0 0 auto !important;
  max-width: 46% !important;
  overflow: hidden !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(52, 211, 153, .24) !important;
  border-radius: 6px !important;
  background: rgba(16, 185, 129, .13) !important;
  color: #34d399 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-generation-card-preview {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}

.q33-generation-card-spinner {
  width: 34px !important;
  height: 34px !important;
  box-sizing: border-box !important;
  border: 3px solid rgba(255, 255, 255, .11) !important;
  border-top-color: #32d583 !important;
  border-right-color: rgba(88, 166, 255, .86) !important;
  border-radius: 50% !important;
  animation: q33GenerationPreviewSpinV155 1s linear infinite !important;
}

.q33-generation-card-preview strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #33f19a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-generation-card-preview em {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: rgba(205, 218, 232, .72) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.q33-generation-card-foot {
  border-top: 1px solid rgba(255, 255, 255, .065) !important;
}

.q33-generation-card-progress {
  flex: 1 1 auto !important;
  min-width: 34px !important;
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .11) !important;
}

.q33-generation-card-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2f9bff, #32d583) !important;
  box-shadow: 0 0 14px rgba(50, 213, 131, .26) !important;
  transition: width .22s ease !important;
}

.q33-generation-card-foot span {
  flex: 0 0 34px !important;
  color: #d7e5f7 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: right !important;
}

.q33-generation-preview-card.is-done .q33-generation-card-spinner {
  border-color: rgba(52, 211, 153, .42) !important;
  border-top-color: #34d399 !important;
  animation-duration: 1.8s !important;
}

.q33-generation-preview-card.is-downloading .q33-generation-card-head b,
.q33-generation-preview-card.is-saving .q33-generation-card-head b {
  border-color: rgba(88, 166, 255, .28) !important;
  background: rgba(59, 130, 246, .14) !important;
  color: #7cc4ff !important;
}

@keyframes q33GenerationPreviewSpinV155 {
  to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
  .q33-generation-preview-grid {
    inset: 12px 12px 86px 12px !important;
    gap: 7px !important;
  }
  .q33-generation-preview-card {
    min-height: 132px !important;
  }
  .q33-generation-card-head,
  .q33-generation-card-foot {
    padding: 8px !important;
  }
}

@media (max-height: 760px) {
  .q33-generation-preview-grid {
    bottom: 72px !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(126px, 1fr) !important;
  }
  .q33-generation-card-preview em {
    display: none !important;
  }
}
/* qilin33-workbench-adaptive-preview-layout-v158 */
.q33-center-stage .q33-generation-preview-grid.q33-adaptive-generation-preview-v158 {
  --qilin33-workbench-adaptive-preview-layout-v158: 1;
  inset: 8px 10px 66px 10px !important;
  grid-template-columns: repeat(var(--q33-adaptive-result-cols-v158, var(--q33-generation-preview-cols, 3)), minmax(0, 1fr)) !important;
  grid-template-rows: repeat(var(--q33-adaptive-result-rows-v158, var(--q33-generation-preview-rows, 1)), minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  gap: 5px !important;
  align-content: stretch !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.q33-center-stage .q33-generation-preview-grid.q33-adaptive-generation-preview-v158[data-qilin33-adaptive-preview-total-v158="14"] {
  inset: 6px 8px 60px 8px !important;
  gap: 4px !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-preview-card,
.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-adaptive-generation-card-v158 {
  min-height: 0 !important;
  border-radius: 6px !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-head,
.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-foot {
  padding: 6px 7px !important;
  min-height: 0 !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-preview {
  padding: 7px !important;
  gap: 4px !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-spinner {
  width: 24px !important;
  height: 24px !important;
  border-width: 2px !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-preview strong {
  font-size: 11px !important;
}

.q33-generation-preview-grid.q33-adaptive-generation-preview-v158 .q33-generation-card-preview em {
  font-size: 9px !important;
}

.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-adaptive-preview-layout-v158] {
  --qilin33-workbench-adaptive-preview-layout-v158: 1;
  display: grid !important;
  grid-template-columns: repeat(var(--q33-adaptive-result-cols-v158, 3), minmax(0, 1fr)) !important;
  grid-template-rows: repeat(var(--q33-adaptive-result-rows-v158, 1), minmax(0, 1fr)) !important;
  width: min(calc(100% - 16px), 1480px) !important;
  height: min(calc(100% - 44px), 980px) !important;
  max-width: calc(100% - 16px) !important;
  max-height: calc(100% - 44px) !important;
  margin: auto !important;
  padding: 5px !important;
  gap: 5px !important;
  align-items: center !important;
  justify-items: stretch !important;
  align-content: stretch !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158[data-qilin33-adaptive-preview-total-v158="9"],
.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158[data-qilin33-adaptive-preview-total-v158="14"] {
  width: min(calc(100% - 12px), 1520px) !important;
  height: min(calc(100% - 34px), 1020px) !important;
  max-width: calc(100% - 12px) !important;
  max-height: calc(100% - 34px) !important;
  padding: 4px !important;
  gap: 4px !important;
}

.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158 > div,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-adaptive-preview-layout-v158] > div {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158 .q33-adaptive-result-media-v158,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-adaptive-preview-layout-v158] .q33-adaptive-result-media-v158,
.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158 [class*="aspect-"],
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-adaptive-preview-layout-v158] [class*="aspect-"] {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158 img,
.q33-center-stage .qilin33ResultGridClassV126[data-qilin33-adaptive-preview-layout-v158] img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .q33-center-stage .q33-generation-preview-grid.q33-adaptive-generation-preview-v158 {
    inset: 8px 8px 60px 8px !important;
    gap: 4px !important;
  }
  .q33-center-stage .qilin33ResultGridClassV126.q33-adaptive-result-grid-v158 {
    width: calc(100% - 8px) !important;
    height: calc(100% - 24px) !important;
    max-width: calc(100% - 8px) !important;
    max-height: calc(100% - 24px) !important;
    gap: 4px !important;
    padding: 4px !important;
  }
}
/* qilin33-left-panel-body-width-v159 */
.q33-left-config-panel.q33-left-panel-width-stable-v159,
.q33-left-config-panel .q33-left-panel-width-stable-v159,
.q33-left-config-panel .q33-left-config-shell,
.q33-left-config-panel .q33-left-config-scroll-body,
.q33-left-config-panel .q33-left-config-scroll-body[data-q33-left-primary-scroll-body="true"],
.q33-left-config-panel .q33-left-config-scroll-body > * {
  --qilin33-left-panel-body-width-v159: 1;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

.q33-left-config-panel .q33-left-config-shell {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.q33-left-config-panel .q33-left-config-scroll-body {
  min-height: 0 !important;
  overflow-x: hidden !important;
}

.q33-left-config-panel .q33-left-config-scroll-body[data-q33-left-primary-scroll-body="true"] {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
}

.q33-left-config-panel .q33-left-config-scroll-body > * {
  flex-basis: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.q33-left-config-panel .q33-main-generate-footer {
  align-self: stretch !important;
  box-sizing: border-box !important;
}
/* qilin33-preview-scope-isolation-v160 */
.q33-preview-scoped-v160 {
  --qilin33-preview-scope-isolation-v160: 1;
  contain: layout paint style !important;
}

.q33-preview-stale-v160 {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .12s ease !important;
}

.qilin33-large-preview-overlay.q33-preview-stale-v160,
.fixed.bg-black\/90.q33-preview-stale-v160 {
  transition: opacity .08s ease !important;
}

.q33-generation-preview-grid.q33-preview-scoped-v160,
.q33-task-workbench-restore.q33-preview-scoped-v160,
.q33-task-progress-panel.q33-preview-scoped-v160 {
  will-change: opacity, transform !important;
}

.q33-center-stage > .q33-generation-preview-grid,
.q33-center-stage > .q33-task-workbench-restore,
.q33-center-stage > .q33-task-progress-panel {
  isolation: isolate !important;
}
/* qilin33-ui-stability-v164 */
body.q33-ui-stability-v164 {
  overflow: hidden !important;
  text-rendering: geometricPrecision;
}

body.q33-ui-stability-v164 .q33-app-shell,
body.q33-ui-stability-v164 #q33-scale-host {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.q33-ui-stability-v164 .q33-main-workspace {
  display: grid !important;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

body.q33-ui-stability-v164 .q33-left-config-panel,
body.q33-ui-stability-v164 .q33-center-stage,
body.q33-ui-stability-v164 .q33-history-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  contain: layout paint !important;
  transform: translateZ(0);
}

body.q33-ui-stability-v164 .q33-left-config-panel {
  width: 100% !important;
  max-width: 360px !important;
  overflow: hidden !important;
}

body.q33-ui-stability-v164 .q33-center-stage {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.q33-ui-stability-v164 .q33-history-panel {
  width: 100% !important;
  max-width: 340px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 320px 760px !important;
}

body.q33-ui-stability-v164 .q33-history-panel img,
body.q33-ui-stability-v164 .q33-center-stage img,
body.q33-ui-stability-v164 .q33-upload-preview-slot img {
  display: block !important;
  max-width: 100% !important;
  image-rendering: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.q33-ui-stability-v164 .q33-upload-preview-slot,
body.q33-ui-stability-v164 .q33-upload-add-slot,
body.q33-ui-stability-v164 .q33-upload-empty-slot {
  flex: 0 0 auto !important;
  width: clamp(56px, 5.4vw, 82px) !important;
  height: clamp(64px, 6.1vw, 92px) !important;
  min-width: 56px !important;
  min-height: 64px !important;
  overflow: hidden !important;
  contain: layout paint !important;
  backface-visibility: hidden;
}

body.q33-ui-stability-v164 .q33-generation-preview-grid {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  contain: layout paint !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 720px 520px !important;
  grid-auto-rows: minmax(148px, 1fr) !important;
}

body.q33-ui-stability-v164 .q33-generation-preview-card,
body.q33-ui-stability-v164 .q33-task-flow-card-v162,
body.q33-ui-stability-v164 .q33-history-reuse-card {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

body.q33-ui-stability-v164 .q33-task-workbench-restore,
body.q33-ui-stability-v164 .q33-task-flow-stable-v162 {
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

@media (max-width: 1180px) {
  body.q33-ui-stability-v164 .q33-main-workspace {
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr) minmax(260px, 310px) !important;
    gap: 10px !important;
  }
}

/* qilin33-workbench-task-scope-v171 */
.q33-workbench-owned-v171 {
  --qilin33-workbench-task-scope-v171: 1;
  contain: layout paint style !important;
  isolation: isolate !important;
}

.q33-workbench-stale-v171 {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .1s ease !important;
}

.q33-center-stage > .q33-generation-preview-grid[data-q33-workbench-scope-v171],
.q33-center-stage > .q33-task-workbench-restore[data-q33-workbench-scope-v171],
.q33-center-stage > .q33-task-progress-panel[data-q33-workbench-scope-v171],
.q33-center-stage .qilin33ResultGridClassV126[data-q33-workbench-scope-v171] {
  will-change: opacity, transform !important;
}

.q33-center-stage .q33-workbench-stale-v171 img {
  pointer-events: none !important;
}
/* qilin33-workbench-source-lock-v172 */
.q33-workbench-source-owned-v172 {
  --qilin33-workbench-source-lock-v172: 1;
  contain: layout paint style !important;
}

.q33-workbench-source-stale-v172 {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .08s ease !important;
}

.q33-center-stage .q33-workbench-source-stale-v172,
.q33-center-stage .q33-workbench-source-stale-v172 * {
  pointer-events: none !important;
}
/* qilin33-workbench-smooth-switch-v173 */
.q33-workbench-switch-stable-v173 {
  --qilin33-workbench-smooth-switch-v173: stable;
}

.q33-selected-count-switching-v173 .q33-center-stage,
.q33-center-stage.q33-selected-count-switching-v173 {
  contain: layout paint style !important;
  isolation: isolate !important;
}

.q33-selected-count-switching-v173 .qilin33ResultGridClassV126,
.q33-selected-count-switching-v173 [data-qilin-result-count] {
  transform: translate3d(0, 0, 0) !important;
  backface-visibility: hidden !important;
  transition: none !important;
}

.q33-selected-count-final-results-v173 .q33-generation-preview-grid {
  display: none !important;
  pointer-events: none !important;
}

.q33-center-stage.q33-workbench-switching-v173,
.q33-workbench-switching-v173 .q33-center-stage {
  contain: layout paint style !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.q33-workbench-switching-v173 .q33-center-stage > *,
.q33-center-stage.q33-workbench-switching-v173 > * {
  backface-visibility: hidden !important;
}

.q33-workbench-switch-soft-v173 {
  opacity: .18 !important;
  filter: saturate(.9) !important;
  transform: translate3d(0, 0, 0) scale(.995) !important;
  transition: opacity .16s ease, transform .16s ease, filter .16s ease !important;
  pointer-events: none !important;
  will-change: opacity, transform !important;
}

.q33-workbench-switch-remove-v173 {
  opacity: 0 !important;
  transform: translate3d(0, 4px, 0) scale(.99) !important;
}

.q33-center-stage.q33-workbench-switch-stable-v173 > .q33-task-workbench-restore,
.q33-center-stage.q33-workbench-switch-stable-v173 > .q33-generation-preview-grid,
.q33-center-stage.q33-workbench-switch-stable-v173 .qilin33ResultGridClassV126 {
  transform: translate3d(0, 0, 0) !important;
  will-change: auto !important;
}
/* qilin33-selected-count-final-workbench-v174 */
.q33-selected-count-final-workbench-v174 {
  --qilin33-selected-count-final-workbench-v174: 1;
}

.q33-selected-count-final-workbench-v174 .q33-generation-preview-grid {
  display: none !important;
  pointer-events: none !important;
}

.q33-selected-count-final-workbench-v174 .q33-task-workbench-restore,
.q33-selected-count-final-workbench-v174 .q33-task-flow-card-body-v162,
.q33-selected-count-final-workbench-v174 .qilin33ResultGridClassV126,
.q33-selected-count-final-workbench-v174 [data-qilin-result-count] {
  transform: translate3d(0, 0, 0) !important;
  backface-visibility: hidden !important;
  transition: none !important;
  contain: layout paint style !important;
}

.q33-selected-count-final-workbench-v174 .q33-task-workbench-restore img,
.q33-selected-count-final-workbench-v174 .q33-task-flow-card-body-v162 img,
.q33-selected-count-final-workbench-v174 .qilin33ResultGridClassV126 img,
.q33-selected-count-final-workbench-v174 [data-qilin-result-count] img {
  transform: translate3d(0, 0, 0) !important;
  backface-visibility: hidden !important;
  transition: none !important;
}
/* qilin33-workbench-flow-switch-no-edit-bleed-v175 */
.q33-module-target-switch-v175 {
  --qilin33-workbench-flow-switch-no-edit-bleed-v175: 1;
}

.q33-flow-switch-stale-v175 {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .06s linear !important;
}

.q33-module-target-switch-v175 .q33-center-stage,
.q33-center-stage.q33-module-target-switch-v175 {
  contain: layout paint style !important;
  isolation: isolate !important;
}

.q33-module-target-switch-v175 .q33-generation-preview-grid {
  display: none !important;
  pointer-events: none !important;
}
/* qilin33-selected-count-no-preview-v175 */
.q33-selected-count-preview-disabled-v175 {
  --qilin33-selected-count-no-preview-v175: 1;
}

.q33-selected-count-preview-disabled-v175 .q33-generation-preview-grid {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
/* qilin33-preview-grid-source-disabled-v176 */
.q33-preview-source-disabled-v176,
.q33-generation-preview-grid,
.q33-task-flow-preview-live-v162 {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.q33-generation-preview-grid-active .q33-generation-native-placeholder-v155 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* qilin33-upload-preview-rewrite-v180 */
.q33-upload-preview-rewrite-v180 {
  --qilin33-upload-preview-rewrite-v180: 1;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 88px !important;
  min-width: 88px !important;
  height: 120px !important;
  min-height: 120px !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.q33-upload-preview-rewrite-v180 img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  transform: none !important;
}

.q33-upload-preview-actions-v180 {
  position: absolute !important;
  right: 4px !important;
  top: 4px !important;
  z-index: 20 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 22px) !important;
  gap: 3px !important;
  pointer-events: auto !important;
}

.q33-upload-preview-btn-v180 {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 6px !important;
  background: rgba(17,24,39,.62) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(15,23,42,.22) !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.q33-upload-preview-delete-v180 {
  background: rgba(185,28,28,.76) !important;
}

.q33-upload-preview-btn-v180 svg {
  width: 13px !important;
  height: 13px !important;
  display: block !important;
  fill: currentColor !important;
}

.q33-upload-preview-modal-v180 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: grid !important;
  place-items: center !important;
  padding: 32px !important;
  background: rgba(15,23,42,.86) !important;
}

.q33-upload-preview-modal-v180 img {
  max-width: min(92vw, 1180px) !important;
  max-height: 88vh !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.q33-upload-preview-modal-close-v180 {
  position: fixed !important;
  right: 28px !important;
  top: 24px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  background: rgba(15,23,42,.72) !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

/* qilin33-native-upload-preview-v181 */
.q33-left-config-panel div[class~="grid"][class*="grid-cols-4"][class*="gap-2"]:has(> div[draggable="true"][class*="aspect-[3/4]"]),
aside div[class~="grid"][class*="grid-cols-4"][class*="gap-2"]:has(> div[draggable="true"][class*="aspect-[3/4]"]) {
  --qilin33-native-upload-preview-v181: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"],
aside div[draggable="true"][class*="aspect-[3/4]"] {
  min-height: 144px !important;
  border-color: #d7e2ee !important;
  background: transparent !important;
  overflow: hidden !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] > div[class*="absolute"][class*="inset-0"],
aside div[draggable="true"][class*="aspect-[3/4]"] > div[class*="absolute"][class*="inset-0"] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: transparent !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] img,
aside div[draggable="true"][class*="aspect-[3/4]"] img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] div[class*="bg-black/45"],
aside div[draggable="true"][class*="aspect-[3/4]"] div[class*="bg-black/45"] {
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] div[class*="bg-black/45"] > div[class*="absolute"],
aside div[draggable="true"][class*="aspect-[3/4]"] div[class*="bg-black/45"] > div[class*="absolute"] {
  left: auto !important;
  right: 4px !important;
  top: 4px !important;
  transform: none !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] div[class*="h-[54px]"][class*="w-[54px]"],
aside div[draggable="true"][class*="aspect-[3/4]"] div[class*="h-[54px]"][class*="w-[54px]"] {
  display: flex !important;
  width: auto !important;
  height: auto !important;
  gap: 4px !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] div[class*="h-[54px]"][class*="w-[54px]"] > div[class*="opacity-0"],
aside div[draggable="true"][class*="aspect-[3/4]"] div[class*="h-[54px]"][class*="w-[54px]"] > div[class*="opacity-0"] {
  display: none !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] button[title="预览大图"],
.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] button[title="删除图片"],
aside div[draggable="true"][class*="aspect-[3/4]"] button[title="预览大图"],
aside div[draggable="true"][class*="aspect-[3/4]"] button[title="删除图片"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 6px !important;
  background: rgba(17,24,39,.68) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(15,23,42,.22) !important;
  pointer-events: auto !important;
}

.q33-left-config-panel div[draggable="true"][class*="aspect-[3/4]"] button[title="删除图片"],
aside div[draggable="true"][class*="aspect-[3/4]"] button[title="删除图片"] {
  background: rgba(185,28,28,.76) !important;
}

/* qilin33-dom-removechild-stability-v187 */
body.q33-apple-ui.q33-landed-v4 .q33-scale-host[data-qilin33-dom-root-reparent-disabled-v187] {
  --qilin33-dom-removechild-stability-v187: 1;
}
/* qilin33-product-poster-removal-v188 */
.q33-product-poster-removed-v188 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* qilin33-multitask-workbench-v194 */
.q33-task-tabs-v194 {
  --qilin33-multitask-workbench-v194: 1;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 8px !important;
  margin-right: 10px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 6px !important;
  background: rgba(8,10,14,.92) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}
.q33-task-pill-v194, .q33-task-more-v194 {
  position: relative !important;
  width: 48px !important;
  height: 52px !important;
  min-width: 48px !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(31,41,55,.92), rgba(15,23,42,.94)) !important;
  color: #e5e7eb !important;
  cursor: pointer !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.q33-task-pill-v194.is-active {
  border-color: #6d5dfc !important;
  box-shadow: 0 0 0 2px rgba(109,93,252,.48) !important;
}
.q33-task-pill-v194 b {
  position: absolute !important;
  top: 2px !important;
  left: 6px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
.q33-task-pill-v194 span {
  position: absolute !important;
  left: 20px !important;
  top: 20px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: rgba(148,163,184,.62) !important;
}
.q33-task-pill-v194 i {
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  display: grid !important;
  place-items: center !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.q33-task-pill-v194.is-running i { color: #dbeafe !important; background: #2563eb !important; }
.q33-task-pill-v194.is-done i { color: #052e16 !important; background: #22c55e !important; }
.q33-task-pill-v194.is-failed i { color: #fee2e2 !important; background: #991b1b !important; border: 1px solid #f87171 !important; }
.q33-task-more-v194 {
  width: 42px !important;
  min-width: 42px !important;
  height: 52px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #94a3b8 !important;
}

.q33-task-toolbar-v197 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-right: 10px !important;
  min-width: 0 !important;
  max-width: min(48vw, 620px) !important;
  flex: 0 1 auto !important;
}

.q33-task-toolbar-v197 > .q33-task-tabs-v194 {
  margin-right: 0 !important;
  padding: 4px 6px !important;
  border-radius: 8px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#q33-stage-toolbar > .q33-task-toolbar-v197 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 8px 0 0 !important;
  max-width: min(46vw, 560px) !important;
  flex: 0 1 auto !important;
}
#q33-stage-toolbar > .q33-task-toolbar-v197:empty {
  display: none !important;
  margin: 0 !important;
}
#q33-stage-toolbar > .q33-task-toolbar-v197 > .q33-task-tabs-v194 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  scrollbar-width: none !important;
}
#q33-stage-toolbar > .q33-task-toolbar-v197 > .q33-task-tabs-v194::-webkit-scrollbar {
  display: none !important;
}
/* 舞台锚点下:隐藏内联的新建菜单(菜单统一由 v199 移到左下 dock) */

/* 中央舞台兜底锚点(无 stage-toolbar 时) */
.q33-center-stage > .q33-task-toolbar-v197 {
  position: absolute !important;
  z-index: 22 !important;
  top: 18px !important;
  left: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: calc(100% - 32px) !important;
}
.q33-center-stage > .q33-task-toolbar-v197:empty {
  display: none !important;
}

/* qilin33-new-task-compact-buttons-v204 */
.q33-new-task-anchor-v204 { position: relative !important; overflow: hidden !important; z-index: 2147482000 !important; }
.q33-new-task-button-replace-v204 {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(21,128,251,.72) !important;
  background: #1687ff !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(22,135,255,.22) !important;
}
.q33-new-task-compact-menu-v204 {
  position: absolute !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  z-index: 2147482100 !important;
}
.q33-new-task-compact-item-v204 {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(203,213,225,.95) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.98) !important;
  color: #1f2937 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  text-align: left !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.16) !important;
}
.q33-new-task-compact-item-v204:hover { border-color: rgba(22,135,255,.72) !important; background: #f8fbff !important; }
.q33-new-task-compact-item-v204 b { font-size: 16px !important; line-height: 1.15 !important; font-weight: 900 !important; color: #1f2937 !important; }
.q33-new-task-compact-item-v204 span { font-size: 12px !important; line-height: 1.2 !important; color: #64748b !important; }
.q33-new-task-compact-item-v204.is-disabled { opacity: .52 !important; cursor: not-allowed !important; }
.q33-new-task-compact-item-v204.is-disabled:hover { border-color: rgba(203,213,225,.95) !important; background: rgba(255,255,255,.98) !important; }
/* qilin33-new-task-visible-actions-v209 */
.q33-task-pill-preview-v209 {
  width: 154px !important;
  min-width: 154px !important;
  height: 66px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}
.q33-task-pill-preview-v209.is-active { box-shadow: 0 0 0 3px rgba(17,136,255,.18) !important; }
.q33-task-thumb-v209 {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #152238 !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.q33-task-thumb-v209 img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.q33-task-copy-v209 { min-width: 0 !important; display: grid !important; grid-template-columns: auto 1fr !important; column-gap: 6px !important; align-items: center !important; }
.q33-task-copy-v209 b { min-width: 18px !important; height: 18px !important; border-radius: 5px !important; background: #101827 !important; color: #fff !important; display: grid !important; place-items: center !important; font-size: 11px !important; }
.q33-task-copy-v209 strong { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #172238 !important; font-size: 12px !important; }
.q33-task-copy-v209 em { grid-column: 1 / -1 !important; margin-top: 2px !important; color: #62728a !important; font-size: 11px !important; font-style: normal !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.q33-task-progress-v209 { position: absolute !important; left: 58px !important; right: 10px !important; bottom: 6px !important; height: 3px !important; border-radius: 99px !important; background: #dde7f2 !important; overflow: hidden !important; }
.q33-task-progress-v209 i { display: block !important; height: 100% !important; border-radius: 99px !important; background: linear-gradient(90deg,#13b981,#1188ff) !important; }
.q33-new-task-compact-item-v204.is-pending { opacity: .72 !important; transform: translateY(1px) !important; }
/* qilin33-new-task-menu-stability-v212 */
.q33-new-task-anchor-v204 { overflow: hidden !important; z-index: 2147482000 !important; }
.q33-new-task-compact-menu-v204 { overflow: hidden !important; pointer-events: auto !important; }
.q33-new-task-compact-item-v204 { pointer-events: auto !important; }
.q33-new-task-action-feedback-v209 {
  position: fixed !important;
  left: 48px !important;
  bottom: 96px !important;
  z-index: 2147483647 !important;
  max-width: 360px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(29,135,255,.28) !important;
  border-radius: 8px !important;
  background: #f7fbff !important;
  color: #14539a !important;
  box-shadow: 0 16px 40px rgba(30,70,120,.18) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.q33-new-task-action-feedback-v209.is-error { border-color: rgba(220,38,38,.32) !important; background: #fff5f5 !important; color: #b91c1c !important; }
/* qilin33-task-card-preview-v210 */

/* qilin33-new-task-menu-stability-v212 */
.q33-new-task-anchor-v204 { overflow: hidden !important; z-index: 2147482000 !important; }
.q33-new-task-compact-menu-v204 { overflow: hidden !important; pointer-events: auto !important; }
.q33-new-task-compact-item-v204 { pointer-events: auto !important; }
/* qilin33-new-task-menu-stability-v212 */
.q33-new-task-anchor-v204 { overflow: visible !important; z-index: 2147482000 !important; }
.q33-new-task-compact-menu-v204 { overflow: visible !important; pointer-events: auto !important; }
.q33-new-task-compact-item-v204 { pointer-events: auto !important; }
/* qilin33-new-task-reference-workflow-v213 */
.q33-new-task-compact-menu-v204[data-qilin33-new-task-reference-workflow-v213] {
  width: min(312px, calc(100vw - 32px)) !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(87,108,143,.62) !important;
  border-radius: 8px !important;
  background: rgba(17,24,39,.98) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.42) !important;
  backdrop-filter: blur(14px) !important;
}
.q33-new-task-compact-menu-v204[data-qilin33-new-task-reference-workflow-v213] .q33-new-task-compact-item-v204 {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  grid-template-areas: "icon title" "icon sub" !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 1px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(75,96,132,.72) !important;
  border-radius: 7px !important;
  background: rgba(31,41,55,.94) !important;
  color: #e5edf8 !important;
  box-shadow: none !important;
}
.q33-new-task-compact-menu-v204[data-qilin33-new-task-reference-workflow-v213] .q33-new-task-compact-item-v204:hover { background: rgba(45,60,84,.98) !important; border-color: rgba(59,130,246,.88) !important; }
.q33-new-task-compact-menu-v204[data-qilin33-new-task-reference-workflow-v213] .q33-new-task-compact-item-v204 b { grid-area: title !important; min-width: 0 !important; color: #f8fafc !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 850 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.q33-new-task-compact-menu-v204[data-qilin33-new-task-reference-workflow-v213] .q33-new-task-compact-item-v204 span { grid-area: sub !important; min-width: 0 !important; color: #9fb0ca !important; font-size: 12px !important; line-height: 1.25 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.q33-menu-icon-v213 { grid-area: icon !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; display: grid !important; place-items: center !important; background: rgba(59,130,246,.16) !important; color: #7db5ff !important; font-style: normal !important; font-size: 15px !important; font-weight: 900 !important; }
.q33-new-task-menu-section-v213 { padding: 7px 4px 3px !important; color: #7f91ad !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0 !important; }
.q33-new-task-button-persistent-v213 { width: 100% !important; height: 38px !important; margin-top: 8px !important; border: 1px solid rgba(59,130,246,.55) !important; border-radius: 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: rgba(15,23,42,.94) !important; color: #eaf2ff !important; font-size: 13px !important; font-weight: 850 !important; letter-spacing: 0 !important; box-shadow: 0 10px 24px rgba(15,23,42,.16) !important; cursor: pointer !important; }
.q33-new-task-button-persistent-v213:hover, .q33-new-task-button-persistent-v213[aria-expanded='true'] { border-color: rgba(96,165,250,.95) !important; background: rgba(30,41,59,.98) !important; color: #fff !important; box-shadow: 0 12px 30px rgba(37,99,235,.22) !important; }
.q33-new-task-button-persistent-v213.is-pending { opacity: .72 !important; transform: translateY(1px) !important; }
.q33-reference-task-strip-v213 { min-height: 72px !important; align-items: center !important; gap: 8px !important; padding: 5px 8px !important; overflow-x: auto !important; overflow-y: hidden !important; }
.q33-reference-task-strip-v213 .q33-task-pill-v213 {
  width: 86px !important;
  min-width: 86px !important;
  height: 62px !important;
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 2px solid rgba(71,85,105,.78) !important;
  background: #111827 !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.26) !important;
}
.q33-reference-task-strip-v213 .q33-task-pill-v213.is-active { border-color: #3b82f6 !important; box-shadow: 0 0 0 2px rgba(59,130,246,.26), 0 12px 28px rgba(0,0,0,.28) !important; }
.q33-task-image-v213 { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; background: linear-gradient(135deg,#172033,#0f172a) !important; color: #dbeafe !important; font-weight: 900 !important; font-size: 18px !important; }
.q33-task-image-v213 img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.q33-task-index-v213 { position: absolute !important; left: 5px !important; top: 5px !important; min-width: 18px !important; height: 18px !important; border-radius: 5px !important; display: grid !important; place-items: center !important; background: rgba(15,23,42,.9) !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; }
.q33-task-status-v213 { position: absolute !important; left: 5px !important; right: 5px !important; bottom: 6px !important; height: 17px !important; border-radius: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(15,23,42,.72) !important; color: #dbeafe !important; font-size: 10px !important; font-weight: 800 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.q33-task-count-v213 { position: absolute !important; right: 5px !important; bottom: 26px !important; min-width: 18px !important; height: 18px !important; border-radius: 99px !important; display: grid !important; place-items: center !important; background: rgba(37,99,235,.92) !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; }
.q33-task-close-v213 { position: absolute !important; right: 4px !important; top: 4px !important; width: 18px !important; height: 18px !important; border-radius: 99px !important; display: none !important; place-items: center !important; background: rgba(15,23,42,.84) !important; color: #fff !important; font-size: 13px !important; line-height: 18px !important; cursor: pointer !important; }
.q33-task-pill-v213:hover .q33-task-close-v213 { display: grid !important; }
.q33-task-progress-v213 { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 3px !important; background: rgba(148,163,184,.28) !important; }
.q33-task-progress-v213 i { display: block !important; height: 100% !important; background: linear-gradient(90deg,#22c55e,#3b82f6) !important; }
.q33-task-pill-v213.is-failed .q33-task-status-v213 { background: rgba(127,29,29,.82) !important; color: #fecaca !important; }
.q33-task-pill-v213.is-failed .q33-task-count-v213 { background: rgba(220,38,38,.9) !important; }
.q33-active-task-state-v213 { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; z-index: 90 !important; min-width: 220px !important; max-width: min(360px, calc(100vw - 48px)) !important; padding: 18px 20px !important; border-radius: 10px !important; border: 1px solid rgba(59,130,246,.32) !important; background: rgba(15,23,42,.78) !important; color: #f8fafc !important; display: grid !important; justify-items: center !important; gap: 8px !important; text-align: center !important; pointer-events: none !important; box-shadow: 0 18px 44px rgba(0,0,0,.34) !important; }
.q33-active-task-state-v213 b { font-size: 16px !important; line-height: 1.2 !important; font-weight: 900 !important; color: #f8fafc !important; }
.q33-active-task-state-v213 span { font-size: 12px !important; color: #b8c7dc !important; }
.q33-active-task-state-v213.is-failed { border-color: rgba(239,68,68,.46) !important; background: rgba(69,10,10,.82) !important; }
.q33-active-task-state-v213.is-failed span { color: #fecaca !important; }
.q33-task-state-mark-v213 { width: 34px !important; height: 34px !important; border-radius: 99px !important; display: grid !important; place-items: center !important; background: rgba(220,38,38,.92) !important; color: #fff !important; font-size: 24px !important; font-weight: 900 !important; }
.q33-task-state-spinner-v213 { width: 32px !important; height: 32px !important; border-radius: 99px !important; border: 3px solid rgba(96,165,250,.25) !important; border-top-color: #60a5fa !important; animation: q33-spin-v213 .85s linear infinite !important; }
.q33-task-state-bar-v213 { width: 180px !important; height: 4px !important; border-radius: 99px !important; overflow: hidden !important; background: rgba(148,163,184,.3) !important; }
.q33-task-state-bar-v213 i { display: block !important; height: 100% !important; background: linear-gradient(90deg,#22c55e,#3b82f6) !important; }
@keyframes q33-spin-v213 { to { transform: rotate(360deg); } }
/* qilin33-new-task-feature-removed-v214 */
.q33-new-task-button-persistent-v213 { display: none !important; pointer-events: none !important; }
.q33-new-task-compact-menu-v204 { display: none !important; pointer-events: none !important; }
.q33-new-task-action-feedback-v209 { display: none !important; pointer-events: none !important; }
.q33-reference-task-strip-v213 { display: none !important; pointer-events: none !important; }
.q33-active-task-state-v213 { display: none !important; pointer-events: none !important; }
.q33-task-toolbar-v197 { display: none !important; pointer-events: none !important; }