html.creative-ui {
  color-scheme: dark;
  --ink: #f4f5f6;
  --ink-2: #dfe3e7;
  --muted: #9da5ae;
  --soft: #6f7781;
  --page: #0d0f11;
  --surface: #15181c;
  --surface-strong: #1a1e22;
  --surface-soft: #111417;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);
  --accent: #b7f34a;
  --accent-2: #7190ff;
  --success: #55d69b;
  --warn: #e8ad46;
  --danger: #ff6e78;
  --shadow: 0 18px 50px rgba(0,0,0,.34);
  --float: 0 30px 80px rgba(0,0,0,.52);
  --radius: 12px;
  --radius-sm: 9px;
  --scroll-thumb: rgba(183,243,74,.3);
  --scroll-thumb-hover: rgba(183,243,74,.62);
  --scroll-thumb-active: #b7f34a;
  --scroll-track: rgba(255,255,255,.025);
}

html.creative-ui body {
  color: var(--ink);
  background: #0d0f11;
}

html.creative-ui button:focus-visible,
html.creative-ui input:focus-visible,
html.creative-ui textarea:focus-visible,
html.creative-ui select:focus-visible {
  outline-color: rgba(183,243,74,.42);
}

html.creative-ui .app {
  width: 100%;
  max-width: none;
  height: 100svh;
  min-height: 100svh;
  grid-template-columns: 108px minmax(0,1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: #0d0f11;
}

html.creative-ui .side {
  position: relative;
  min-height: 100svh;
  padding: 14px 10px 12px;
  overflow: visible;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #090b0d;
  box-shadow: none;
}

html.creative-ui .side-head {
  min-height: 70px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  padding: 0;
  margin-bottom: 10px;
  border: 0;
}

html.creative-ui .side-head strong {
  width: 44px;
  height: 44px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  color: transparent;
  background: #15191d;
  font-size: 0;
}

html.creative-ui .side-head strong::before {
  content: "";
  width: 21px;
  height: 21px;
  border: 2px solid #eef1f3;
  border-right-color: transparent;
  border-radius: 50%;
  transform: rotate(-18deg);
}

html.creative-ui .side-head strong::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 9px;
  height: 9px;
  background: var(--accent);
  clip-path: polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
}

html.creative-ui .side-head span {
  display: block;
  color: #858e98;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .025em;
  white-space: nowrap;
}

html.creative-ui .nav {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 0;
  overflow: visible;
}

html.creative-ui .nav button {
  position: relative;
  width: 87px;
  min-height: 54px;
  display: grid;
  grid-template-rows: 26px 14px;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 5px 4px 4px;
  border-radius: 10px;
  color: #7d858f;
  background: transparent;
  box-shadow: none;
}

html.creative-ui .nav button:hover {
  color: #fff;
  background: #1b1f23;
}

html.creative-ui .nav button.active {
  color: var(--accent);
  background: #22272c;
  box-shadow: none;
}

html.creative-ui .nav button .nav-icon,
html.creative-ui .nav button.active .nav-icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  padding: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
}

html.creative-ui .nav b {
  display: block;
  max-width: 80px;
  overflow: hidden;
  color: inherit;
  font-size: 9px;
  font-weight: 620;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.creative-ui .notice-card {
  position: absolute;
  left: 99px;
  bottom: 14px;
  z-index: 70;
  width: 290px;
  max-height: 72vh;
  display: none;
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  color: var(--ink);
  background: rgba(22,25,29,.98);
  box-shadow: var(--float);
}

html.creative-ui .side:hover .notice-card,
html.creative-ui .notice-card:focus-within { display: block; }

html.creative-ui .feedback-mini textarea { background: #101317; }

html.creative-ui .main {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 64px minmax(0,1fr) 30px;
  overflow: hidden;
  background: #101215;
}

html.creative-ui .topbar {
  min-width: 0;
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 22px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: rgba(13,15,17,.94);
  box-shadow: none;
  backdrop-filter: blur(18px);
}

html.creative-ui .topbar .title {
  min-width: 0;
  display: block;
}

html.creative-ui .topbar .title h2 {
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.creative-ui .topbar .title p {
  display: none;
}

html.creative-ui .topbar .status {
  min-width: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  overflow: hidden;
}

html.creative-ui .topbar .status > .chip:not(#licenseStatusPill):not(#licenseLogoutBtn):not(#themeToggleBtn) {
  display: none !important;
}

html.creative-ui #licenseStatusPill,
html.creative-ui #licenseLogoutBtn:not(.hidden),
html.creative-ui #themeToggleBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.creative-ui #licenseStatusPill {
  min-width: 0;
  max-width: min(38vw, 310px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.creative-ui #licenseLogoutBtn {
  flex: 0 0 auto;
  color: #d9dde3;
}

html.creative-ui #licenseLogoutBtn:hover {
  color: #fff;
  background: #1d2227;
  box-shadow: inset 0 0 0 1px #424a53;
}

html.creative-ui #themeToggleBtn {
  flex: 0 0 auto;
  gap: 6px;
  color: #d9dde3;
}

html.creative-ui #themeToggleBtn span { color: var(--accent);font-size: 14px; }
html.creative-ui #themeToggleBtn b { font-size: 10px;font-weight: 650; }
html.creative-ui #themeToggleBtn:hover { color:#fff;background:#1d2227; }

html.creative-ui .chip {
  min-height: 30px;
  color: var(--muted);
  background: #15191d;
  box-shadow: inset 0 0 0 1px var(--line);
}

html.creative-ui .chip::before { background: var(--accent); }

html.creative-ui #welcomeAgain {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  color: var(--muted);
  background: #15191d;
}

html.creative-ui .panel {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #101215;
  box-shadow: none;
}

html.creative-ui .view {
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 18px 20px 20px;
  overflow: auto;
  background:
    radial-gradient(circle at 46% 8%, rgba(113,144,255,.055), transparent 29%),
    radial-gradient(circle at 82% 78%, rgba(183,243,74,.03), transparent 24%),
    #101215;
}

html.creative-ui .view.active { animation: creative-page-in .32s cubic-bezier(.22,1,.36,1); }

@keyframes creative-page-in {
  from { opacity: .2; transform: scale(.995); }
  to { opacity: 1; transform: none; }
}

html.creative-ui .head {
  min-height: 54px;
  margin: 0 0 14px;
  align-items: center;
}

html.creative-ui .head h3 {
  color: #f5f6f7;
  font-family: "Welcome Smiley", "Microsoft YaHei UI", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -.035em;
}

html.creative-ui .head p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

html.creative-ui .agent-version-badge {
  margin-left: 6px;
  padding: 4px 7px;
  border: 1px solid rgba(183,243,74,.25);
  border-radius: 6px;
  color: var(--accent);
  background: rgba(183,243,74,.08);
  font-family: inherit;
  font-size: 9px;
  letter-spacing: .02em;
  vertical-align: middle;
}

html.creative-ui .btn {
  min-height: 36px;
  border-radius: 9px;
  color: #c8ced5;
  background: #1a1e22;
  box-shadow: inset 0 0 0 1px var(--line);
}

html.creative-ui .btn:hover {
  color: #fff;
  background: #22272c;
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

html.creative-ui .btn.primary {
  color: #172005;
  background: var(--accent);
  box-shadow: 0 12px 28px rgba(183,243,74,.12);
}

html.creative-ui .btn.primary:hover { background: #c5ff59; }
html.creative-ui .btn.danger { color: var(--danger); }

html.creative-ui input,
html.creative-ui textarea,
html.creative-ui select {
  border-radius: 9px;
  color: #eef0f2;
  background: #101317;
  box-shadow: inset 0 0 0 1px var(--line);
}

html.creative-ui input::placeholder,
html.creative-ui textarea::placeholder { color: #707984; }

html.creative-ui select { color-scheme: dark; }
html.creative-ui label { color: #c8ced5; }

html.creative-ui .card,
html.creative-ui .video-panel {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #16191d;
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

html.creative-ui .card-title,
html.creative-ui .video-panel-head {
  min-height: 48px;
  padding: 0 14px;
  border-bottom: 1px solid var(--line);
  background: #181c20;
}

html.creative-ui .card-title strong,
html.creative-ui .video-panel-head strong { color: #eef0f2; }
html.creative-ui .card-body { padding: 14px; }

html.creative-ui .agent-layout {
  height: calc(100% - 68px);
  grid-template-columns: 226px minmax(0,1fr);
  gap: 14px;
}

html.creative-ui .agent-side { gap: 12px; }

html.creative-ui .directory-item,
html.creative-ui .mini-asset {
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--ink);
  background: #121519;
}

html.creative-ui .directory-item:hover,
html.creative-ui .mini-asset:hover { background: #1b1f23; }

html.creative-ui .thumb,
html.creative-ui .ref-image,
html.creative-ui .ref img {
  color:#7d8790;
  background:#0c0f12;
}

html.creative-ui .directory-item.active {
  border-color: rgba(183,243,74,.28);
  background: rgba(183,243,74,.065);
}

html.creative-ui .directory-dot { background: var(--accent); }

html.creative-ui .chat {
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #111417;
  box-shadow: none;
}

html.creative-ui .chat-feed {
  gap: 16px;
  padding: 22px 24px 150px;
  background:
    radial-gradient(circle at 60% 15%, rgba(113,144,255,.05), transparent 30%),
    #111417;
}

html.creative-ui .bubble .agent-message-shell {
  border: 1px solid var(--line);
  color: #dce1e6;
  background: #181c20;
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

html.creative-ui .agent-message-meta strong,
html.creative-ui .agent-message-body,
html.creative-ui .agent-message-body p { color: #dfe4e9; }

html.creative-ui .agent-message-time,
html.creative-ui .agent-message-meta span { color: #7f8994; }

html.creative-ui .bubble.user .agent-message-shell {
  border-color: rgba(113,144,255,.22);
  background: linear-gradient(135deg,#242b38,#303b54 72%,#354f72);
}

html.creative-ui .agent-message-avatar {
  color: #111417;
  background: var(--accent);
}

html.creative-ui .bubble.user .agent-message-avatar {
  color: #293042;
  background: #dfe6ff;
}

html.creative-ui .composer {
  margin: 12px 14px 14px;
  overflow: visible;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: rgba(22,25,29,.96);
  box-shadow: 0 24px 54px rgba(0,0,0,.42);
  backdrop-filter: blur(18px);
}

html.creative-ui .agent-composer {
  border: 1px solid var(--line-strong) !important;
  border-radius: 14px !important;
  background: rgba(22,25,29,.97) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.42) !important;
}

html.creative-ui .agent-composer:focus-within {
  border-color: rgba(183,243,74,.42) !important;
  box-shadow: 0 26px 60px rgba(0,0,0,.48),0 0 0 3px rgba(183,243,74,.055) !important;
}

html.creative-ui .composer textarea {
  min-height: 68px;
  color: #f3f4f5;
  background: transparent;
}

html.creative-ui .composer-top,
html.creative-ui .agent-tool-row { border-color: var(--line); }

html.creative-ui .ref,
html.creative-ui .agent-tool {
  border-color: var(--line);
  color: #bfc6ce;
  background: #111417;
  box-shadow: none;
}

html.creative-ui .agent-tool:hover { background: #1d2227;box-shadow: inset 0 0 0 1px var(--line-strong); }
html.creative-ui .agent-tool select,
html.creative-ui .agent-tool input { color: #dfe3e7;background: transparent; }

html.creative-ui .img-workspace,
html.creative-ui .img-three-column,
html.creative-ui .workflow-shell,
html.creative-ui .editor-layout { gap: 12px; }

html.creative-ui .img-three-column {
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
}

html.creative-ui .img-three-column > .card { height: 100%; }

html.creative-ui .txt-workspace { grid-template-columns: minmax(420px,.82fr) minmax(520px,1.18fr); }

html.creative-ui .drop,
html.creative-ui .slot {
  border-color: rgba(255,255,255,.12);
  border-radius: 10px;
  color: #8f98a3;
  background: #111417;
  box-shadow: none;
}

html.creative-ui .action-reference {
  border-color: var(--line);
  color: var(--muted);
  background: #111417;
}

html.creative-ui .action-reference-head strong { color: #dfe3e7; }
html.creative-ui .action-reference-head span { color: var(--accent);background: rgba(183,243,74,.08); }
html.creative-ui .action-chip { color: #aeb6bf;background: #1a1e22;box-shadow: inset 0 0 0 1px var(--line); }
html.creative-ui .action-chip.active { color: #152005;background: var(--accent);box-shadow: none; }

html.creative-ui .count-control {
  border-radius: 9px;
  background: #101317;
  box-shadow: inset 0 0 0 1px var(--line);
}

html.creative-ui .count-step {
  color: var(--accent);
  background: #1b2025;
}

html.creative-ui .count-step:hover:not(:disabled) { color: #142004;background: var(--accent); }

html.creative-ui .drop:hover {
  border-color: rgba(183,243,74,.48);
  color: #fff;
  background: rgba(183,243,74,.045);
}

html.creative-ui .slot b { color: #c9cfd6; }

html.creative-ui .result {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #16191d;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

html.creative-ui .mock-img {
  color: #7f8892;
  background: #0f1215;
}

html.creative-ui .mock-img img { background: #0f1215; }
html.creative-ui .result footer { border-color: var(--line); }
html.creative-ui .asset-prompt { border-color: var(--line); }

html.creative-ui .empty-result {
  border-color: rgba(255,255,255,.12);
  color: #7e8791;
  background: #111417;
}

html.creative-ui .workflow-canvas,
html.creative-ui .editor-stage {
  border: 1px solid var(--line);
  border-radius: 12px;
  background-color: #101317;
  background-image: radial-gradient(rgba(255,255,255,.10) .8px,transparent .8px);
  background-size: 18px 18px;
}

html.creative-ui .node {
  border-color: var(--line-strong);
  background: #191d21;
  box-shadow: 0 16px 38px rgba(0,0,0,.3);
}

html.creative-ui .node-head {
  border-bottom: 1px solid var(--line);
  color: #e8ebee;
  background: #22272c;
}

html.creative-ui .node-head b { color: #eef0f2; }

html.creative-ui .node.selected { border-color: var(--accent); }
html.creative-ui .node-num { color: #142004;background: var(--accent); }

html.creative-ui .canvas-page { background: #f3f2ee; }

html.creative-ui .video-remake-view { color: var(--ink); }
html.creative-ui .video-panel-body { background: #15181c; }

html.creative-ui .video-upload-zone,
html.creative-ui .video-product-slot,
html.creative-ui .video-analysis-empty,
html.creative-ui .video-quick-plan-card,
html.creative-ui .video-summary,
html.creative-ui .video-shot {
  border-color: var(--line);
  color: var(--muted);
  background: #101317;
}

html.creative-ui .video-upload-zone:hover { border-color: rgba(183,243,74,.42);background: rgba(183,243,74,.035); }
html.creative-ui .video-mode-option,
html.creative-ui .video-inline-choice button,
html.creative-ui .video-workspace-tabs { color: var(--muted);background: #111417;box-shadow: inset 0 0 0 1px var(--line); }
html.creative-ui .video-mode-option.active,
html.creative-ui .video-inline-choice button.active,
html.creative-ui .video-workspace-tabs button.active { color: var(--accent);background: rgba(183,243,74,.07);box-shadow: inset 0 0 0 1px rgba(183,243,74,.25); }

html.creative-ui .result-grid { gap: 12px; }
html.creative-ui .service-grid { grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px; }

html.creative-ui .service,
html.creative-ui .feishu-demo {
  border-color: var(--line);
  color: var(--muted);
  background: #16191d;
  box-shadow: none;
}

html.creative-ui .service h4,
html.creative-ui .feishu-demo h4 { color: #eef0f2; }
html.creative-ui .service-note { color: var(--muted);background: #101317; }

html.creative-ui .popover { background: rgba(0,0,0,.68); }
html.creative-ui .popover-card { border: 1px solid var(--line-strong);background: #171a1e;box-shadow: var(--float); }
html.creative-ui .popover-head { border-color: var(--line);background: #1b1f23; }
html.creative-ui .popover-body { background: #15181c; }

html.creative-ui .toast {
  border: 1px solid var(--line-strong);
  color: #f4f5f6;
  background: #1b1f23;
  box-shadow: var(--float);
}

@media (max-width: 1380px) {
  html.creative-ui .img-three-column { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html.creative-ui .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html.creative-ui .view { padding: 15px; }
}

@media (max-width: 1100px) {
  html.creative-ui .img-three-column,
  html.creative-ui .txt-workspace,
  html.creative-ui .video-remake-grid,
  html.creative-ui .video-quick-grid { grid-template-columns: 1fr; }
  html.creative-ui .view { overflow: auto; }
  html.creative-ui .img-workspace,
  html.creative-ui .workflow-shell,
  html.creative-ui .editor-layout { height: auto; }
}

@media (max-width: 720px) {
  html.creative-ui body { overflow: hidden; }
  html.creative-ui .app {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0,1fr) 68px;
    padding: 0;
  }
  html.creative-ui .side {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 9px;
    z-index: 90;
    width: auto;
    height: 58px;
    min-height: 58px;
    padding: 5px 7px;
    border: 1px solid var(--line-strong);
    border-radius: 14px;
    background: rgba(15,18,21,.96);
    box-shadow: 0 18px 42px rgba(0,0,0,.46);
    backdrop-filter: blur(18px);
  }
  html.creative-ui .side-head,
  html.creative-ui .notice-card { display: none !important; }
  html.creative-ui .nav {
    height: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 48px;
    align-content: center;
    justify-content: space-between;
    gap: 4px;
    overflow-x: auto;
  }
  html.creative-ui .nav button { width: 48px;min-height: 46px;border-radius: 10px; }
  html.creative-ui .main { grid-template-rows: 54px minmax(0,1fr);padding-bottom: 72px; }
  html.creative-ui .topbar { min-height: 54px;padding: 0 10px;gap: 7px; }
  html.creative-ui .topbar .title { display: none; }
  html.creative-ui .topbar .status { width: 100%;margin-left: 0;gap: 6px;overflow: visible; }
  html.creative-ui #licenseStatusPill {
    flex: 1 1 auto;
    max-width: none;
    padding-inline: 9px;
    font-size: 10px;
  }
  html.creative-ui #licenseLogoutBtn:not(.hidden) {
    min-height: 32px;
    padding-inline: 9px;
    font-size: 10px;
  }
  html.creative-ui #themeToggleBtn { min-width:32px;min-height:32px;padding:0; }
  html.creative-ui #themeToggleBtn b { display:none; }
  html.creative-ui #welcomeAgain { min-width: 34px;padding: 0;font-size: 0; }
  html.creative-ui #welcomeAgain::before { content: "↗";font-size: 14px; }
  html.creative-ui .view { padding: 12px 10px 22px; }
  html.creative-ui .head { min-height: 48px;margin-bottom: 10px; }
  html.creative-ui .head h3 { font-size: 21px; }
  html.creative-ui .head p { max-width: 32ch; }
  html.creative-ui .agent-layout { height: auto;grid-template-columns: 1fr; }
  html.creative-ui .chat { order: 1;min-height: calc(100svh - 154px); }
  html.creative-ui .agent-side { order: 2;grid-template-columns: 1fr;grid-template-rows: auto; }
  html.creative-ui .chat-feed { padding: 14px 10px 164px; }
  html.creative-ui .composer { margin: 8px;border-radius: 13px; }
  html.creative-ui .composer-top { padding: 7px; }
  html.creative-ui .composer textarea { min-height: 72px;padding: 12px; }
  html.creative-ui .agent-tool-row { grid-template-columns: 1fr;padding: 7px; }
  html.creative-ui .agent-setting-strip { display: flex;overflow-x: auto; }
  html.creative-ui .agent-setting-strip .agent-tool { flex: 0 0 auto;min-width: 108px; }
  html.creative-ui .agent-setting-strip .agent-tool > span { font-size: 9px; }
  html.creative-ui .agent-action-strip { display: grid;grid-template-columns: repeat(5,minmax(0,1fr)); }
  html.creative-ui .agent-tool-action { min-width: 0;padding-inline: 5px;font-size: 10px; }
  html.creative-ui .agent-send { min-width: 0;padding: 0 8px; }
  html.creative-ui .service-grid { grid-template-columns: 1fr; }
  html.creative-ui .card-title { align-items: center;flex-direction: row;padding: 0 11px; }
  html.creative-ui .result-grid,
  html.creative-ui .slot-grid,
  html.creative-ui .slot-grid.compact-slots { grid-template-columns: 1fr 1fr; }
  html.creative-ui .result-grid.auto-layout > .result.is-landscape { grid-column: span 2; }
}

@media (prefers-reduced-motion: reduce) {
  html.creative-ui .view.active { animation: none; }
}

/* Quiet refinement: hierarchy through space and tone, not boxes. */
html.creative-ui body { font-size: 12px; }
html.creative-ui button { font-weight: 640; }
html.creative-ui .view { padding: 20px 24px 24px; }
html.creative-ui .head { min-height: 50px;margin-bottom: 10px; }
html.creative-ui .head h3 { font-size: 26px;font-weight: 470;line-height: 1.06; }
html.creative-ui .head p { margin-top: 5px;max-width: 62ch;color: #737c86;font-size: 10px;font-weight: 450; }

html.creative-ui .card,
html.creative-ui .video-panel,
html.creative-ui .service,
html.creative-ui .feishu-demo {
  border: 0;
  background: #15181c;
  box-shadow: none;
}

html.creative-ui .card-title,
html.creative-ui .video-panel-head {
  min-height: 43px;
  padding: 0 14px;
  border-bottom-color: rgba(255,255,255,.055);
  background: transparent;
}

html.creative-ui .card-title strong,
html.creative-ui .video-panel-head strong {
  color: #dfe3e7;
  font-size: 12px;
  font-weight: 680;
}

html.creative-ui .card-body { padding: 13px 14px 15px; }
html.creative-ui label { margin-bottom: 5px;color: #8d96a0;font-size: 10px;font-weight: 580; }
html.creative-ui input,
html.creative-ui textarea,
html.creative-ui select { font-size: 12px;box-shadow: none; }

html.creative-ui .btn {
  min-height: 34px;
  padding-inline: 12px;
  color: #aeb6bf;
  background: transparent;
  box-shadow: none;
  font-size: 11px;
}

html.creative-ui .btn:hover { color: #f5f6f7;background: rgba(255,255,255,.055);box-shadow: none; }
html.creative-ui .btn.primary { min-height: 38px;color: #172005;background: var(--accent);box-shadow: none;font-weight: 740; }
html.creative-ui .chip { min-height: 26px;padding: 0 9px;color: #818a94;background: transparent;box-shadow: none;font-size: 10px; }

html.creative-ui .directory-item,
html.creative-ui .mini-asset {
  border: 0;
  background: transparent;
}

html.creative-ui .directory-item.active { border: 0;background: rgba(183,243,74,.075);box-shadow: none; }
html.creative-ui .directory-item b,.mini-asset b { font-weight: 660; }

html.creative-ui .chat { border: 0;background: #111417; }
html.creative-ui .bubble .agent-message-shell { border: 0;background: #191d21;box-shadow: none; }
html.creative-ui .bubble.user .agent-message-shell { border: 0; }
html.creative-ui .agent-message-meta strong { font-weight: 660; }
html.creative-ui .agent-message-body { font-size: 12px;line-height: 1.66; }

html.creative-ui .agent-composer {
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.32) !important;
}

html.creative-ui .ref,
html.creative-ui .agent-tool {
  border: 0;
  background: rgba(255,255,255,.035);
}

html.creative-ui .agent-tool > span { color: #79828c;font-size: 9px;font-weight: 540; }
html.creative-ui .agent-tool select,
html.creative-ui .agent-tool input { font-size: 10px;font-weight: 650; }

html.creative-ui .drop,
html.creative-ui .slot {
  border: 0;
  background: #101317;
  box-shadow: none;
}

html.creative-ui .drop { outline: 1px solid rgba(255,255,255,.045);outline-offset: -1px; }
html.creative-ui .drop:hover { outline-color: rgba(183,243,74,.28);border: 0; }
html.creative-ui .slot b { color: #aeb6bf;font-size: 10px;font-weight: 600; }

html.creative-ui .action-reference { border: 0;background: #101317; }
html.creative-ui .action-reference-head strong { font-size: 10px;font-weight: 620; }
html.creative-ui .action-reference-head small { color: #67717b;font-size: 9px; }
html.creative-ui .action-chip { min-height: 26px;padding-inline: 9px;color: #8f98a2;background: transparent;box-shadow: none;font-size: 9px; }
html.creative-ui .action-chip:hover { color: #dce1e6;background: rgba(255,255,255,.045); }
html.creative-ui .action-chip.active { color: var(--accent);background: rgba(183,243,74,.075); }

html.creative-ui .count-control { background: #101317;box-shadow: none; }
html.creative-ui .count-step { background: transparent; }

html.creative-ui .result { border: 0;background: #15181c;box-shadow: none; }
html.creative-ui .result footer { min-height: 38px;border: 0; }
html.creative-ui .result footer b { font-size: 11px;font-weight: 650; }
html.creative-ui .asset-prompt { border: 0; }
html.creative-ui .empty-result { border: 0;background: #101317;font-size: 11px; }

html.creative-ui .workflow-canvas,
html.creative-ui .editor-stage { border: 0; }
html.creative-ui .node { border: 0;box-shadow: 0 16px 34px rgba(0,0,0,.24); }
html.creative-ui .node.selected { outline: 1px solid rgba(183,243,74,.72);outline-offset: 1px; }
html.creative-ui .node-head { min-height: 39px;border: 0;background: #20252a; }
html.creative-ui .node-head b { font-size: 11px;font-weight: 650; }

html.creative-ui .video-upload-zone,
html.creative-ui .video-product-slot,
html.creative-ui .video-analysis-empty,
html.creative-ui .video-quick-plan-card,
html.creative-ui .video-summary,
html.creative-ui .video-shot { border: 0; }

html.creative-ui .video-mode-option,
html.creative-ui .video-inline-choice button,
html.creative-ui .video-workspace-tabs { box-shadow: none; }
html.creative-ui .video-mode-option b { font-size: 11px;font-weight: 650; }
html.creative-ui .video-mode-option span { color: #737c86;font-size: 9px; }

html.creative-ui .service-grid { gap: 10px; }
html.creative-ui .service { padding: 15px; }
html.creative-ui .service h4 { font-size: 12px;font-weight: 660; }
html.creative-ui .service p,
html.creative-ui .service small { color: #747d87;font-size: 10px;line-height: 1.55; }
html.creative-ui .service-note { border: 0;background: #101317;font-size: 10px; }

html.creative-ui .feishu-demo {
  gap: 20px;
  padding: 18px;
  border: 0;
  background: #15181c;
  box-shadow: none;
}

html.creative-ui .feishu-demo-kicker {
  color: #7d8791;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .04em;
}

html.creative-ui .feishu-demo-kicker span {
  padding: 0;
  color: var(--accent);
  background: transparent;
}

html.creative-ui .feishu-demo-kicker i { background: rgba(255,255,255,.13); }
html.creative-ui .feishu-demo-copy h4 { color: #e6e9ec;font-size: 17px;font-weight: 560; }
html.creative-ui .feishu-demo-copy p { color: #7f8993;font-size: 10px; }
html.creative-ui .feishu-demo-copy small { color: #69737d;font-size: 9px; }

html.creative-ui .feishu-demo-steps span {
  padding: 4px 0;
  color: #aab2bb;
  background: transparent;
  box-shadow: none;
  font-size: 9px;
  font-weight: 600;
}

html.creative-ui .feishu-demo-steps b { color: #59626c;font-weight: 500; }

html.creative-ui .feishu-demo-form {
  padding: 14px;
  border-radius: 12px;
  color: var(--ink);
  background: #101317;
  box-shadow: none;
}

html.creative-ui .feishu-switches label {
  padding: 4px 6px;
  border: 0;
  color: #939ca5;
  background: transparent;
  font-size: 9px;
  font-weight: 560;
}

html.creative-ui .feishu-card-preview {
  border-radius: 12px;
  background: #1c2535;
  box-shadow: none;
}

html.creative-ui .feishu-card-preview button { color: #dfe4e8;background: rgba(255,255,255,.08);font-weight: 620; }

@media (max-width: 720px) {
  html.creative-ui .view { padding: 14px 10px 24px; }
  html.creative-ui .head h3 { font-size: 22px; }
  html.creative-ui .head p { font-size: 9px; }
  html.creative-ui .card-title { min-height: 40px; }
  html.creative-ui .agent-setting-strip .agent-tool { min-width: 116px; }
}

/* Deep-theme hardening: cover secondary and tertiary states from the legacy skin. */
html.creative-ui { color-scheme: dark; }

html.creative-ui select,
html.creative-ui select option,
html.creative-ui input,
html.creative-ui textarea {
  color: #dfe4e8 !important;
  background-color: #101317 !important;
}

html.creative-ui .drop.has-image,
html.creative-ui .slot.has-image,
html.creative-ui .batch-upload-item,
html.creative-ui .batch-result-group,
html.creative-ui .result-failure,
html.creative-ui .agent-mention-card,
html.creative-ui .agent-edit-banner,
html.creative-ui .agent-advanced-panel,
html.creative-ui .video-prompt,
html.creative-ui .video-quick-plan-list span,
html.creative-ui .video-generation-state,
html.creative-ui .auth-card,
html.creative-ui .auth-content,
html.creative-ui .feedback-mini textarea {
  color: #dfe4e8 !important;
  background: #101317 !important;
  box-shadow: none !important;
}

html.creative-ui .drop.has-image img,
html.creative-ui .slot.has-image img { background: #0c0f12; }

html.creative-ui .batch-upload-grid,
html.creative-ui .batch-upload-item,
html.creative-ui .batch-upload-item .drop,
html.creative-ui .batch-upload-item:last-child:nth-child(odd) .drop,
html.creative-ui .batch-instruction-editor,
html.creative-ui .batch-json-editor,
html.creative-ui .batch-editor-label,
html.creative-ui .batch-result-group,
html.creative-ui .batch-result-card,
html.creative-ui .batch-result-card > div,
html.creative-ui .batch-result-card img {
  border-color: rgba(255,255,255,.075) !important;
  color: #cfd5da !important;
  background: #101317 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.creative-ui .batch-upload-item b,
html.creative-ui .batch-editor-label { color: #c4cbd1 !important; }
html.creative-ui .batch-upload-item .drop:hover { border-color: rgba(183,243,74,.28) !important;background:#14191b !important; }
html.creative-ui .batch-instruction-editor::placeholder,
html.creative-ui .batch-json-editor::placeholder { color:#68717a !important; }

html.creative-ui .asset-prompt .prompt-text,
html.creative-ui .agent-advanced-panel .field.agent-choice-field .agent-choice-trigger,
html.creative-ui .agent-mention-card img,
html.creative-ui .node-body,
html.creative-ui .node-body textarea,
html.creative-ui .node-body input,
html.creative-ui .node-body select,
html.creative-ui .video-product-slot,
html.creative-ui .video-product-slot img,
html.creative-ui .feishu-demo-form,
html.creative-ui .feishu-demo-steps span,
html.creative-ui .feishu-switches label,
html.creative-ui .feishu-card-preview button {
  color:#d7dce1 !important;
  background:#101317 !important;
  box-shadow:none !important;
}

html.creative-ui .asset-prompt[open] summary { border-color:rgba(255,255,255,.07); }
html.creative-ui .asset-prompt .prompt-toggle { color:var(--accent); }
html.creative-ui .node-resize-handle { background:#20252a !important;box-shadow:0 0 0 1px rgba(183,243,74,.32) !important; }
html.creative-ui .agent-mention-card img,
html.creative-ui .video-product-slot img { object-fit:contain; }

html.creative-ui .drop.is-uploading {
  outline-color: rgba(183,243,74,.42);
  background: #12171a !important;
  box-shadow: none;
}

html.creative-ui .drop.is-uploading::after {
  left: 12px;
  right: 12px;
  bottom: 10px;
  color: #d9e1e7;
  background: rgba(9,12,14,.88);
  box-shadow: inset 0 0 0 1px rgba(183,243,74,.18);
}

html.creative-ui .agent-choice-popover,
html.creative-ui .reference-picker,
html.creative-ui .layers-popover {
  border-color: rgba(255,255,255,.10) !important;
  color: #e2e6ea !important;
  background: #181c20 !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.48) !important;
}

html.creative-ui #agentChoicePopover,
html.creative-ui #agentChoicePopover .agent-choice-option,
html.creative-ui .agent-choice-trigger,
html.creative-ui .agent-tool-menu,
html.creative-ui .agent-tool-menu button,
html.creative-ui .agent-advanced-panel,
html.creative-ui .agent-advanced-panel select,
html.creative-ui .agent-advanced-panel option {
  border-color: rgba(255,255,255,.085) !important;
  color: #dce1e5 !important;
  background-color: #181c20 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.creative-ui #agentChoicePopover .agent-choice-option:hover,
html.creative-ui #agentChoicePopover .agent-choice-option.active,
html.creative-ui #agentChoicePopover .agent-choice-option[aria-selected="true"] {
  color:#eaffc5 !important;
  background:#27301e !important;
}

html.creative-ui .agent-choice-option,
html.creative-ui .agent-mention-card,
html.creative-ui .reference-picker button { color: #b8c0c8;background: transparent !important; }
html.creative-ui .agent-choice-option:hover,
html.creative-ui .agent-choice-option.active,
html.creative-ui .agent-mention-card:hover,
html.creative-ui .reference-picker button:hover { color: #f3f5f6;background: rgba(255,255,255,.055) !important; }

html.creative-ui .batch-json-tab,
html.creative-ui .batch-status-pill,
html.creative-ui .batch-item-retry,
html.creative-ui .batch-item-retry .btn {
  border-color: transparent !important;
  color: #9fa8b1 !important;
  background: #111417 !important;
  box-shadow: none !important;
}

html.creative-ui .batch-json-tab.active,
html.creative-ui .batch-status-pill[data-status="success"] { color: var(--accent) !important;background: rgba(183,243,74,.075) !important; }
html.creative-ui .batch-json-tab[data-status="error"],
html.creative-ui .batch-status-pill[data-status="error"],
html.creative-ui .batch-item-retry { color: #ff8a92 !important;background: rgba(255,110,120,.08) !important; }
html.creative-ui .batch-json-tab[data-status="running"],
html.creative-ui .batch-status-pill[data-status="running"] { color: #9db4ff !important;background: rgba(113,144,255,.09) !important; }

html.creative-ui .result-failure { color: #aeb7c0 !important; }
html.creative-ui .result-failure strong { color: #e8ebee; }
html.creative-ui .video-generation-state.is-error { color: #ff9299;background: rgba(255,110,120,.075) !important; }
html.creative-ui .canvas-page { background: #e9e9e6; }

html.creative-ui .announcement-trigger {
  position: relative;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  color: #b8c0c8;
  background: #15191d !important;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

html.creative-ui .announcement-trigger:hover,
html.creative-ui .announcement-trigger[aria-expanded="true"] { border-color:rgba(183,243,74,.26);color:#eff2f3;background:#1c221b; }
html.creative-ui .announcement-trigger > svg { display:block;width:17px;height:17px;fill:none !important;stroke:var(--accent) !important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
html.creative-ui .announcement-trigger > i { position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ff6875;box-shadow:0 0 0 2px #15191d; }

html.creative-ui .announcement-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0,0,0,.08);
  animation: creative-fade-in .18s var(--ease-out, cubic-bezier(.22,1,.36,1));
}

html.creative-ui .announcement-drawer {
  position: fixed;
  top: 58px;
  right: 16px;
  z-index: 210;
  width: min(370px,calc(100vw - 32px));
  max-height:calc(100svh - 74px);
  overflow:auto;
  padding: 18px;
  border:1px solid rgba(183,243,74,.14);
  border-radius:16px;
  color: #e9ecef;
  background:#171b1f;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  animation: creative-drawer-in .18s cubic-bezier(.22,1,.36,1);
}

html.creative-ui .announcement-drawer[hidden],
html.creative-ui .announcement-backdrop[hidden] { display: none; }
html.creative-ui .announcement-drawer > header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px; }
html.creative-ui .announcement-drawer > header span { color:#8e98a2;font-size:9px; }
html.creative-ui .announcement-drawer > header h3 { margin-top:4px;color:#f2f4f5;font-size:20px;font-weight:600; }
html.creative-ui .announcement-drawer > header button { width:34px;height:34px;border:0;border-radius:9px;color:#abb3bb;background:transparent;font-size:20px; }
html.creative-ui .announcement-drawer > header button:hover { color:#fff;background:rgba(255,255,255,.055); }
html.creative-ui .announcement-drawer-body { display:grid;gap:12px; }
html.creative-ui .announcement-drawer-body article { padding:16px;border-radius:11px;background:#1c2126; }
html.creative-ui .announcement-drawer-body time,
html.creative-ui .announcement-drawer-body article > span { color:#717b85;font-size:9px; }
html.creative-ui .announcement-drawer-body h4 { margin:6px 0;color:#dfe3e7;font-size:13px;font-weight:620; }
html.creative-ui .announcement-drawer-body p { margin-top:8px;color:#c0c7ce;font-size:11px;line-height:1.75;white-space:pre-wrap; }
html.creative-ui .announcement-empty { padding:28px 0;color:#707983;text-align:center;font-size:11px; }

html.creative-ui .infinite-workbench-view { padding:0 !important;overflow:hidden !important;background:#0f1215 !important; }
html.creative-ui .infinite-canvas-frame { width:100%;height:100%;display:block;border:0;background:#0f1215; }

/* Motion is reserved for state changes and immediate feedback. */
html.creative-ui {
  --motion-fast: 130ms;
  --motion-ui: 210ms;
  --motion-layout: 320ms;
  --ease-out: cubic-bezier(.22,1,.36,1);
}

html.creative-ui button,
html.creative-ui .btn,
html.creative-ui .chip,
html.creative-ui .directory-item,
html.creative-ui .action-chip,
html.creative-ui input,
html.creative-ui textarea,
html.creative-ui select {
  transition: color var(--motion-fast) ease, background-color var(--motion-ui) var(--ease-out), border-color var(--motion-ui) var(--ease-out), box-shadow var(--motion-ui) var(--ease-out), opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out);
}

html.creative-ui button:not(:disabled):active,
html.creative-ui .btn:not(:disabled):active { transform: scale(.975); }
html.creative-ui .btn.primary { position:relative;overflow:hidden; }
html.creative-ui .btn.primary::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.32) 49%,transparent 66%);
  transform:translateX(-125%);
  transition:transform .48s var(--ease-out);
  pointer-events:none;
}
html.creative-ui .btn.primary:hover::after { transform:translateX(125%); }

html.creative-ui .btn:disabled,
html.creative-ui button:disabled { cursor:not-allowed;opacity:.62; }
html.creative-ui .btn[aria-busy="true"],
html.creative-ui button[aria-busy="true"] { cursor:wait; }
html.creative-ui .btn.is-loading::before,
html.creative-ui .btn[aria-busy="true"]::before,
html.creative-ui button[aria-busy="true"]::before {
  content:"";
  width:12px;
  height:12px;
  display:inline-block;
  margin-right:7px;
  border:1.5px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  vertical-align:-2px;
  animation:creative-spin .72s linear infinite;
}

html.creative-ui .progress,
html.creative-ui .video-generation-state.is-running { overflow:hidden;background:#101317; }
html.creative-ui .result-loader { position:relative;isolation:isolate; }
html.creative-ui .result-loader::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 38%,rgba(183,243,74,.08),transparent 34%);
  animation:creative-breathe 2.2s ease-in-out infinite;
}
html.creative-ui .loader-orbit { color:var(--accent);animation:creative-orbit-float 2.2s var(--ease-out) infinite; }
html.creative-ui .loader-orbit::before,
html.creative-ui .loader-orbit::after { border-color:rgba(183,243,74,.18); }
html.creative-ui .loader-track { background:rgba(255,255,255,.055);box-shadow:none; }
html.creative-ui .loader-bar { background:linear-gradient(90deg,#7190ff,var(--accent));box-shadow:0 0 16px rgba(183,243,74,.16); }
html.creative-ui .loader-value { color:var(--accent); }

/* Keep precision controls easy to acquire with a mouse or touch without making the UI visually heavy. */
html.creative-ui .transform-handle { width:32px;height:32px; }
html.creative-ui .resize-handle { right:-17px;bottom:-17px; }
html.creative-ui .rotate-handle { top:-48px; }
html.creative-ui .rotate-handle::after { top:24px; }
html.creative-ui .node-resize-handle { width:28px;height:28px; }
html.creative-ui .action-chip { min-height:30px; }

@keyframes creative-spin { to { transform:rotate(360deg); } }
@keyframes creative-fade-in { from { opacity:0; } }
@keyframes creative-drawer-in { from { opacity:.82;transform:translateY(-5px) scale(.992); } }
@keyframes creative-breathe { 0%,100% { opacity:.45;transform:scale(.92); } 50% { opacity:1;transform:scale(1.08); } }
@keyframes creative-orbit-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-5px) rotate(2deg); } }

@media (max-width:720px) {
  html.creative-ui .announcement-trigger { min-width:34px;padding:0;justify-content:center; }
  html.creative-ui .announcement-trigger > b { display:none; }
  html.creative-ui .announcement-drawer { top:auto;right:8px;bottom:76px;width:calc(100vw - 16px);max-height:min(68svh,560px);padding:18px 16px;border-radius:18px; }
  html.creative-ui .node-delete { position:relative;touch-action:manipulation; }
  html.creative-ui .node-resize-handle { touch-action:manipulation; }
  html.creative-ui .node-delete::before,
  html.creative-ui .node-resize-handle::after { content:"";position:absolute;inset:-10px; }
}

@media (prefers-reduced-motion: reduce) {
  html.creative-ui *,
  html.creative-ui *::before,
  html.creative-ui *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* Persistent product identity and legal access. */
html.creative-ui .app-legal-footer {
  min-width: 0;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 22px;
  border-top: 1px solid rgba(255,255,255,.055);
  color: #68717b;
  background: #0d0f11;
  font-size: 9px;
  line-height: 1;
}
html.creative-ui .app-legal-footer nav { display:flex;align-items:center;gap:9px; }
html.creative-ui .app-legal-footer nav i { width:2px;height:2px;border-radius:50%;background:#4f5861; }
html.creative-ui .app-legal-footer button {
  min-height: 24px;
  padding: 0;
  color: #87909a;
  background: transparent;
  font-size: 9px;
  font-weight: 580;
}
html.creative-ui .app-legal-footer button:hover { color:var(--accent); }
html.creative-ui .app-legal-footer button:focus-visible { outline:1px solid rgba(183,243,74,.55);outline-offset:3px; }

html.creative-ui .legal-popover .popover-card {
  width: min(760px,calc(100vw - 24px));
  max-height: min(84svh,820px);
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
}
html.creative-ui .legal-popover .popover-body { min-height:0;overflow:auto; }
html.creative-ui .legal-document { color:#aeb6bf;font-size:12px;line-height:1.75; }
html.creative-ui .legal-document p { max-width:72ch;margin:0 0 14px; }
html.creative-ui .legal-document h4 { margin:18px 0 7px;color:#eef1f3;font-size:13px;font-weight:680; }
html.creative-ui .legal-document h4:first-child { margin-top:0; }
html.creative-ui .legal-document ul { margin:0 0 14px;padding-left:20px; }
html.creative-ui .legal-document li { margin:5px 0; }
html.creative-ui .legal-actions { display:flex;justify-content:flex-end;padding-top:7px; }

@media (max-width:720px) {
  html.creative-ui .nav b { display:none; }
  html.creative-ui .main { grid-template-rows:54px minmax(0,1fr) 34px;padding-bottom:72px; }
  html.creative-ui .app-legal-footer { min-height:34px;padding:0 10px;font-size:8px; }
  html.creative-ui .app-legal-footer > span { max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  html.creative-ui .app-legal-footer button { font-size:8px; }
  html.creative-ui .legal-document { font-size:14px;line-height:1.7; }
}