.flat-design-compact.setting-card{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:0 0 auto!important;padding:10px!important}
.flat-design-compact.setting-card .setting-options{height:auto!important;max-height:none!important;overflow:visible!important;gap:7px!important}
.flat-design-compact .setting-description{margin:5px 0!important;font-size:12px;line-height:1.5}
.flat-design-compact .flat-fidelity-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0;border:0;background:none}
.flat-design-compact .flat-fidelity-choice>strong{grid-column:1/-1}
.flat-design-compact .flat-fidelity-option{min-height:0;padding:7px;font-size:12px;line-height:1.5}
.flat-design-compact .setting-option{min-height:0!important;padding:6px 8px!important}
.flat-design-compact .flat-extra-prompt{display:flex!important;flex-direction:column;align-items:stretch!important;gap:4px;height:auto!important}
.flat-design-compact .flat-extra-prompt textarea{width:100%!important;min-height:54px!important;height:54px;box-sizing:border-box;resize:vertical}
.flat-design-compact .poster-output-control{padding:7px!important}
.flat-design-compact .poster-output-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.flat-design-compact .poster-output-grid .poster-output-mode{display:contents!important}
.flat-design-compact .poster-output-mode>label{grid-row:1;padding:6px 2px;border:1px solid #ddd4ef;border-radius:6px;font-size:11px;white-space:nowrap}
.flat-design-compact .poster-output-mode.active>label{background:#f0e9ff;border-color:#8154d7}
.flat-design-compact .poster-output-mode>div{grid-column:1/-1;grid-row:2}
.flat-design-compact .poster-output-mode:not(.active)>div{display:none!important}
#setting-card.flat-design-compact #setting-options{flex:0 0 auto!important}
#setting-card-slot:has(.flat-design-compact){flex:1 0 auto!important;min-height:min-content!important}
.workspace:has(.flat-design-compact){height:auto!important;min-height:790px}
.control-panel:has(.flat-design-compact){min-height:790px;overflow:visible}
#setting-card.flat-design-compact #setting-description{margin:5px 0!important}
#setting-card.flat-design-compact .flat-extra-prompt textarea{max-width:none!important;width:100%!important}
.flat-design-compact .poster-output-mode{padding:6px!important;min-height:0!important}
.flat-design-compact .poster-output-mode p{margin:2px 0;font-size:12px}
.flat-design-compact [data-original-ratio]{display:flex;flex-wrap:wrap;gap:3px 10px}
.flat-fidelity-choice{grid-column:1/-1;display:flex;flex-direction:column;gap:9px;flex-shrink:0;padding:10px;border:1px solid #d8c9f0;border-radius:12px;background:#faf7ff}
.flat-fidelity-choice>strong{color:#563b80}
.flat-fidelity-option{height:auto!important;min-height:66px;flex-shrink:0;padding:12px;border:2px solid #ddd4ef;border-radius:10px;background:white;color:#564969;text-align:left;font:inherit;line-height:1.65;cursor:pointer;white-space:normal}
.flat-fidelity-option.selected{border-color:#8154d7;background:#f0e9ff;color:#563191;box-shadow:inset 3px 0 #8154d7}
.setting-card:has(.flat-fidelity-choice) .setting-options{display:flex!important;flex-direction:column;align-items:stretch;overflow:auto;gap:10px}
.setting-card:has(.flat-fidelity-choice) .setting-options>*{flex-shrink:0}
.tool-card.decoration-split-tool {
  overflow: visible;
  border-color: #f3a65e;
  background: linear-gradient(115deg,#fff7dd,#ffe8ef 46%,#eee7ff);
  color: #743989;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.85),0 5px 14px rgba(211,83,137,.16);
  font-weight: 900;
}

.tool-card.decoration-split-tool:hover:not(:disabled),
.tool-card.decoration-split-tool.selected {
  border-color: #e955a4;
  background: linear-gradient(110deg,#ff784f,#e84ca7 48%,#7652ee);
  color: #fff;
  box-shadow: 0 8px 18px rgba(194,55,143,.3),inset 0 0 0 1px rgba(255,255,255,.3);
}

.decoration-split-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-grid;
  place-items: center;
  margin-right: 3px;
  border-radius: 7px;
  background: linear-gradient(140deg,#ffb52d,#ff4c85 45%,#7154f4 75%,#13bfa6);
  color: #fff;
  box-shadow: 0 3px 9px rgba(194,55,143,.28);
  font-size: 12px;
  line-height: 1;
}

.tool-card.decoration-split-tool.selected .decoration-split-icon {
  background: linear-gradient(140deg,#ffd34e,#ff4c85 43%,#6d58ff 72%,#19e0bc);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.selected-tool-bar.decoration-split-selected {
  border-color: #ef91be;
  background: linear-gradient(110deg,#fff8df,#ffe9f4 48%,#eee9ff);
  box-shadow: 0 7px 18px rgba(194,55,143,.17);
}

.selected-tool-bar.decoration-split-selected #selected-tool-name::before {
  content: "✦";
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  margin-right: 7px;
  border-radius: 8px;
  vertical-align: middle;
  background: linear-gradient(140deg,#ffb52d,#ff4c85 43%,#7450ed 72%,#11bda4);
  box-shadow: 0 5px 12px rgba(194,55,143,.25);
  color: #fff;
  font-size: 13px;
}

.decoration-split-overview {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  border: 1px solid #f2b1cd;
  border-radius: 12px;
  background: linear-gradient(120deg,#fff8dc,#ffeaf4 48%,#eeeaff);
  color: #532a70;
}

.decoration-split-overview-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(140deg,#ffb52d,#ff4c85 43%,#7450ed 72%,#11bda4);
  box-shadow: 0 8px 18px rgba(194,55,143,.27);
  color: #fff;
  font-size: 23px;
}

.decoration-split-overview strong,
.decoration-split-overview small { display: block; }
.decoration-split-overview strong { font-size: 15px; font-weight: 900; }
.decoration-split-overview small { margin-top: 5px; color: #7b648a; font-size: 11px; }

.setting-option[data-option-key="prompt_mode"] {
  grid-column: 1 / -1;
  min-height: 52px;
  border-color: #dfcff1;
  background: #fbf8ff;
}

.setting-option[data-option-key="prompt_mode"] > span { color: #4e2f74; font-weight: 900; }
.setting-option[data-option-key="prompt_mode"] select {
  width: min(62%, 310px);
  max-width: 310px;
  border-color: #bda5e8;
  background: #fff;
  color: #4e2f74;
  font-weight: 800;
}

.setting-option[data-option-key="prompt_mode"].required-missing {
  border: 2px solid #dc3e56;
  background: #fff2f4;
  box-shadow: 0 0 0 3px rgba(220,62,86,.1);
}
.setting-option[data-option-key="prompt_mode"].required-missing > span { color: #b82038; }
.setting-option[data-option-key="prompt_mode"].required-missing > span::after {
  content: "必选";
  margin-left: 7px;
  padding: 2px 6px;
  border-radius: 6px;
  background: #d92f48;
  color: #fff;
  font-size: 10px;
}
.setting-option[data-option-key="prompt_mode"].required-missing select { border: 2px solid #dc3e56; color: #b82038; }

.decoration-prompt-examples {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid #e0d4f2;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(101,66,149,.08);
}
.decoration-prompt-examples > strong { color: #41245e; font-size: 14px; font-weight: 950; }
.decoration-prompt-examples > span {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-left: 4px solid var(--example-accent);
  border-radius: 7px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.decoration-prompt-examples b {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--example-accent);
  color: #fff;
  font-size: 11px;
}
.decoration-prompt-examples .example-focus { --example-accent:#bb3f15; color: var(--example-accent); background: #fff4e8; }
.decoration-prompt-examples .example-skip { --example-accent:#176ba0; color: var(--example-accent); background: #edf8ff; }
.decoration-prompt-examples .example-ignore { --example-accent:#763db1; color: var(--example-accent); background: #f7f0ff; }

.setting-option.decoration-prompt-field {
  grid-column: 1 / -1;
  display: grid;
  align-items: start;
  gap: 8px;
  border-color: #cdbce9;
  background: #fbf9ff;
}
.setting-option.decoration-prompt-field > span { color: #4e2f74; font-weight: 900; }
.setting-option.decoration-prompt-field textarea {
  width: 100%;
  max-width: none;
  min-height: 92px;
  padding: 10px 11px;
  border-color: #bda5e8;
  background: #fff;
  line-height: 1.55;
}

@media(max-width:600px) {
  .decoration-split-icon { width: 18px; height: 18px; flex-basis: 18px; margin-right: 2px; }
  .setting-option[data-option-key="prompt_mode"] { align-items: stretch; flex-direction: column; }
  .setting-option[data-option-key="prompt_mode"] select { width: 100%; max-width: none; }
  .decoration-prompt-examples > span { align-items: flex-start; font-size: 12px; }
}

/* Keep form rows at their content height even inside the constrained workspace. */
.setting-card:has(.decoration-prompt-mode-field) .setting-options{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;overflow:auto;min-height:0}
.setting-card:has(.decoration-prompt-mode-field) .setting-options> .setting-option{height:auto!important;max-height:none!important;flex:0 0 auto!important;overflow:visible;box-sizing:border-box}
.setting-card .setting-option.decoration-prompt-field{display:flex!important;flex-direction:column;align-items:stretch;padding:12px;gap:10px}
.setting-card .setting-option.decoration-prompt-field.hidden{display:none!important}
.setting-card .setting-option.decoration-prompt-field textarea{width:100%!important;max-width:none!important;height:170px!important;min-height:170px!important;flex:none!important;padding:12px!important;font-size:14px;line-height:1.8;resize:vertical;box-sizing:border-box}
.setting-card .setting-option.decoration-prompt-field textarea::placeholder{color:#8650aa;opacity:1}

/* The two prompt modes are explicit choices, never a dropdown. */
.setting-option.decoration-prompt-mode-field{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}.setting-option.decoration-prompt-mode-field>span{display:block}.decoration-prompt-mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.decoration-mode-card{min-width:0;min-height:76px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid #dfd4ec;border-radius:12px;background:#fff;color:#584468;text-align:center;cursor:pointer}.decoration-mode-card:hover{border-color:#bc87dc;background:#fff9fe}.decoration-mode-card>span{padding:4px 9px;border-radius:99px;background:#f3eafd;color:#763eab;font-size:11px;font-weight:950}.decoration-mode-card strong{font-size:13px;line-height:1.35}.decoration-mode-card small{color:#90839b;font-size:10px}.decoration-mode-card.selected{border-color:#d13d8c;background:linear-gradient(120deg,#fff1f7,#fbf4ff);box-shadow:0 5px 15px rgba(189,55,131,.14)}.decoration-mode-card.selected>span{background:#d83b8d;color:#fff}.setting-option.decoration-prompt-mode-field.required-missing{border:2px solid #dc3e56}.setting-option.decoration-prompt-mode-field.required-missing .decoration-prompt-mode-choice{position:relative}.setting-option.decoration-prompt-mode-field.required-missing .decoration-prompt-mode-choice::before{content:"请先点击选择一种方式";position:absolute;right:0;top:-27px;color:#c42c44;font-size:11px;font-weight:900}.setting-option.decoration-prompt-field textarea{display:block!important;min-height:110px!important;border:2px solid #a782da!important;border-radius:10px;box-shadow:0 0 0 3px rgba(137,92,199,.08)}
@media(max-width:600px){.setting-option.decoration-prompt-mode-field{grid-template-columns:1fr}.decoration-prompt-mode-choice{grid-template-columns:1fr}.decoration-mode-card{min-height:56px}.setting-option.decoration-prompt-mode-field.required-missing .decoration-prompt-mode-choice::before{position:static;grid-column:1/-1}.setting-option.decoration-prompt-field textarea{min-height:130px!important}}