.tool-ai-prompt-page .prompt-workspace {
  display: grid;
  gap: 28px;
}

.tool-ai-prompt-page .prompt-step {
  overflow: visible;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap.prompt-workspace {
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap.prompt-workspace > .prompt-step,
body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap.prompt-workspace > .prompt-step + .prompt-step {
  margin: 0 !important;
  padding: clamp(30px, 3.4vw, 52px) !important;
  border: 1px solid var(--gt-line, #e2d9ce);
  border-radius: 16px;
  background: #fff !important;
  box-shadow: 0 12px 35px rgba(64, 48, 35, .06);
}

.tool-ai-prompt-page .pagecatch code,
.tool-ai-prompt-page .prompt-content code {
  padding: 2px 6px;
  border-radius: 5px;
  background: #f1ece6;
  color: #9f480b;
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: .92em;
}

.tool-ai-prompt-page .prompt-step-lead {
  margin: 16px 0 0;
  color: #746960;
  font-size: 13px;
  line-height: 1.8;
}

.tool-ai-prompt-page .prompt-template-tools {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.tool-ai-prompt-page .prompt-template-tools label {
  display: grid;
  gap: 5px;
  color: #61574f;
  font-size: 12px;
  font-weight: 700;
}

.tool-ai-prompt-page .prompt-template-tools input,
.tool-ai-prompt-page .prompt-template-tools select {
  min-height: 42px;
  margin: 0;
  border: 1px solid #d9cfc4;
  border-radius: 9px;
  background: #fff;
  color: #332e2a;
  font: inherit;
  font-size: 13px;
}

.tool-ai-prompt-page .prompt-template-tools input {
  width: 220px;
  padding: 9px 12px;
}

.tool-ai-prompt-page .prompt-template-tools select {
  min-width: 140px;
  padding: 8px 32px 8px 11px;
}

.tool-ai-prompt-page .prompt-template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.tool-ai-prompt-page .prompt-template-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 152px;
  flex-direction: column;
  align-items: flex-start;
  padding: 17px;
  border: 1px solid #ded5cb;
  border-radius: 12px;
  background: #fff;
  color: #3d3631;
  box-shadow: none;
  text-align: left;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-template-card {
  border-color: #ded5cb;
  border-radius: 12px;
  background: #fff;
  color: #3d3631;
  box-shadow: none;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-template-card:hover {
  border-color: #d97724;
  background: #fffaf5;
  color: #3d3631;
  box-shadow: 0 9px 24px rgba(91, 57, 30, .08);
}

.tool-ai-prompt-page .prompt-template-card.is-active {
  border-color: #d97724 !important;
  background: #fff8ef !important;
  box-shadow: inset 0 0 0 1px #d97724 !important;
}

.tool-ai-prompt-page .prompt-template-card__icon {
  display: grid;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  place-items: center;
  border-radius: 9px;
  background: #edf5f7;
  color: #326e78;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}

.tool-ai-prompt-page .prompt-template-card strong {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.45;
}

.tool-ai-prompt-page .prompt-template-card small {
  color: #766b62;
  font-size: 12px;
  line-height: 1.65;
}

.tool-ai-prompt-page .prompt-template-card__category {
  margin-top: auto;
  padding-top: 10px;
  color: #b05515;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
}

.tool-ai-prompt-page .prompt-template-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px;
  border: 1px dashed #d8cdc2;
  border-radius: 12px;
  color: #786d64;
  text-align: center;
}

.tool-ai-prompt-page .prompt-builder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .8fr);
  align-items: start;
  gap: 24px;
  margin-top: 22px;
}

.tool-ai-prompt-page .prompt-form {
  display: grid;
  gap: 16px;
}

.tool-ai-prompt-page .prompt-form-section {
  min-width: 0;
  margin: 0;
  padding: 20px;
  border: 1px solid #e0d7cd;
  border-radius: 13px;
  background: #fcfbf9;
}

.tool-ai-prompt-page .prompt-form-section legend {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 8px 0 0;
  color: #39332e;
  font-size: 15px;
  font-weight: 800;
}

.tool-ai-prompt-page .prompt-form-section legend span {
  display: inline-grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  background: #fff0df;
  color: #b15312;
  font-size: 10px;
}

.tool-ai-prompt-page .prompt-field-grid {
  display: grid;
  gap: 14px;
}

.tool-ai-prompt-page .prompt-field-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tool-ai-prompt-page .prompt-field {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  color: #514941;
  font-size: 13px;
  font-weight: 750;
}

.tool-ai-prompt-page .prompt-field-grid .prompt-field {
  margin-top: 0;
}

.tool-ai-prompt-page .prompt-field > span::after {
  color: #a7978b;
  content: "任意";
  float: right;
  font-size: 10px;
  font-weight: 600;
}

.tool-ai-prompt-page .prompt-field--required > span::after {
  color: #b64d14;
  content: "必須";
}

.tool-ai-prompt-page .prompt-field--recommended > span::after {
  color: #39705a;
  content: "推奨";
}

.tool-ai-prompt-page .prompt-mode-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding: 16px 18px;
  border: 1px solid #dfd5cb;
  border-radius: 12px;
  background: #faf8f5;
}

.tool-ai-prompt-page .prompt-mode-bar > div:first-child {
  display: grid;
  gap: 4px;
}

.tool-ai-prompt-page .prompt-mode-bar strong {
  color: #3e3731;
  font-size: 14px;
}

.tool-ai-prompt-page .prompt-mode-bar > div:first-child span {
  color: #776c64;
  font-size: 12px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 5px;
  flex: 0 0 auto;
  padding: 4px;
  border: 1px solid #ddd2c8;
  border-radius: 10px;
  background: #fff;
}

.tool-ai-prompt-page .prompt-mode-switch label {
  cursor: pointer;
}

.tool-ai-prompt-page .prompt-mode-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tool-ai-prompt-page .prompt-mode-switch span {
  display: block;
  min-width: 88px;
  padding: 8px 13px;
  border-radius: 7px;
  color: #6f645c;
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.tool-ai-prompt-page .prompt-mode-switch input:checked + span {
  background: #b85c18;
  color: #fff;
}

.tool-ai-prompt-page .prompt-mode-switch input:focus-visible + span {
  outline: 3px solid rgba(217, 119, 36, .22);
  outline-offset: 2px;
}

.tool-ai-prompt-page .prompt-profile {
  margin-top: 14px;
  border: 1px solid #cbdcdf;
  border-radius: 12px;
  background: #f5fafb;
}

.tool-ai-prompt-page .prompt-profile summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  cursor: pointer;
  list-style: none;
}

.tool-ai-prompt-page .prompt-profile summary::-webkit-details-marker { display: none; }

.tool-ai-prompt-page .prompt-profile summary > span:first-child {
  display: grid;
  gap: 3px;
}

.tool-ai-prompt-page .prompt-profile summary strong {
  color: #315f67;
  font-size: 14px;
}

.tool-ai-prompt-page .prompt-profile summary small {
  color: #607a7f;
  font-size: 11px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-profile__badge {
  padding: 4px 9px;
  border-radius: 999px;
  background: #deedf0;
  color: #386d76;
  font-size: 10px;
  font-weight: 800;
}

.tool-ai-prompt-page .prompt-profile__body {
  padding: 2px 18px 18px;
  border-top: 1px solid #d5e4e6;
}

.tool-ai-prompt-page .prompt-profile__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.tool-ai-prompt-page .prompt-profile__actions span {
  color: #397050;
  font-size: 11px;
}

.tool-ai-prompt-page .prompt-active-workflow {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid #e1d6cb;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff8ef 0%, #fff 100%);
}

.tool-ai-prompt-page #prompt-active-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 12px;
  background: #b85c18;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}

.tool-ai-prompt-page .prompt-active-workflow p,
.tool-ai-prompt-page .prompt-active-workflow h4,
.tool-ai-prompt-page .prompt-active-workflow small {
  margin: 0;
}

.tool-ai-prompt-page .prompt-active-workflow p {
  color: #b25918;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}

.tool-ai-prompt-page .prompt-active-workflow h4 {
  margin-top: 2px;
  color: #382f29;
  font-size: 18px;
}

.tool-ai-prompt-page .prompt-active-workflow small {
  display: block;
  margin-top: 4px;
  color: #766b62;
  font-size: 11px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-dynamic-form {
  display: grid;
  gap: 16px;
}

.tool-ai-prompt-page .prompt-form-section__lead {
  margin: 8px 0 3px;
  color: #7b7067;
  font-size: 11px;
  line-height: 1.65;
}

.tool-ai-prompt-page .prompt-field--wide {
  grid-column: 1 / -1;
}

.tool-ai-prompt-page .prompt-form-section--quality {
  background: #f8faf7;
}

.tool-ai-prompt-page .prompt-template-card.is-featured::after {
  position: absolute;
  top: 13px;
  right: 13px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #fff0df;
  color: #a84b0b;
  content: "おすすめ";
  font-size: 9px;
  font-weight: 850;
}

.tool-ai-prompt-page .prompt-quality li.is-required { color: #9d3d1d; }
.tool-ai-prompt-page .prompt-quality li.is-ready { color: #2d704b; }

.tool-ai-prompt-page .prompt-pack-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin-top: 13px;
  padding: 4px;
  border: 1px solid #ddd3c9;
  border-radius: 10px;
  background: #fff;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-pack-tabs button {
  min-height: 36px;
  padding: 7px 4px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #6f645c;
  box-shadow: none;
  font-size: 10px;
  font-weight: 750;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-pack-tabs button:hover {
  border: 0;
  background: #f7f0e9;
  color: #9c480f;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-pack-tabs button.is-active {
  background: #b85c18;
  color: #fff;
}

.tool-ai-prompt-page .prompt-pack-summary {
  min-height: 3.2em;
  margin: 9px 2px 0;
  color: #756a62;
  font-size: 10px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-preview-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tool-ai-prompt-page .prompt-preview-actions button:first-child {
  grid-column: auto;
}

.tool-ai-prompt-page .prompt-field input,
.tool-ai-prompt-page .prompt-field textarea,
.tool-ai-prompt-page .prompt-field select {
  width: 100%;
  margin: 0;
  border: 1px solid #d9cfc4;
  border-radius: 9px;
  background: #fff;
  color: #2f2a26;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.tool-ai-prompt-page .prompt-field input,
.tool-ai-prompt-page .prompt-field select {
  min-height: 44px;
  padding: 9px 11px;
}

.tool-ai-prompt-page .prompt-field textarea {
  display: block;
  min-height: 90px;
  padding: 11px 12px;
  resize: vertical;
}

.tool-ai-prompt-page .prompt-field input:focus,
.tool-ai-prompt-page .prompt-field textarea:focus,
.tool-ai-prompt-page .prompt-field select:focus,
.tool-ai-prompt-page .prompt-template-tools input:focus,
.tool-ai-prompt-page .prompt-template-tools select:focus {
  border-color: #d97724;
  outline: 3px solid rgba(217, 119, 36, .12);
  outline-offset: 0;
}

.tool-ai-prompt-page .prompt-field small {
  color: #84786f;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.65;
}

.tool-ai-prompt-page .prompt-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 13px;
}

.tool-ai-prompt-page .prompt-check-grid > label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  border: 1px solid #e0d7cd;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}

.tool-ai-prompt-page .prompt-check-grid input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 2px 0 0;
  accent-color: #d97724;
}

.tool-ai-prompt-page .prompt-check-grid span {
  display: grid;
  gap: 3px;
}

.tool-ai-prompt-page .prompt-check-grid strong {
  color: #403933;
  font-size: 13px;
}

.tool-ai-prompt-page .prompt-check-grid small {
  color: #786e66;
  font-size: 11px;
  line-height: 1.55;
}

.tool-ai-prompt-page .prompt-style-field {
  max-width: 330px;
}

.tool-ai-prompt-page .prompt-preview-panel {
  position: sticky;
  top: 92px;
  min-width: 0;
  padding: 19px;
  border: 1px solid #dcd2c8;
  border-radius: 14px;
  background: #f8f5f1;
  box-shadow: 0 13px 32px rgba(61, 45, 33, .07);
}

.tool-ai-prompt-page .prompt-preview-heading,
.tool-ai-prompt-page .prompt-variables__heading,
.tool-ai-prompt-page .prompt-library-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.tool-ai-prompt-page .prompt-preview-heading h3,
.tool-ai-prompt-page .prompt-library-heading h4,
.tool-ai-prompt-page .prompt-variables h4 {
  margin: 0;
}

.tool-ai-prompt-page .prompt-autosave-status {
  color: #7d7168;
  font-size: 11px;
}

.tool-ai-prompt-page .prompt-autosave-status.is-saved {
  color: #2a7a4c;
}

.tool-ai-prompt-page .prompt-pack-guide {
  margin-top: 15px;
  padding: 13px;
  border: 1px solid #efd5bb;
  border-radius: 11px;
  background: #fff9f2;
}

.tool-ai-prompt-page .prompt-pack-guide > strong {
  display: block;
  color: #8f430f;
  font-size: 13px;
}

.tool-ai-prompt-page .prompt-pack-guide ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.tool-ai-prompt-page .prompt-pack-guide li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.tool-ai-prompt-page .prompt-pack-guide li > span,
.tool-ai-prompt-page .prompt-library-guide li > span {
  display: inline-grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #b85c18;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
}

.tool-ai-prompt-page .prompt-pack-guide li div {
  display: grid;
  gap: 2px;
}

.tool-ai-prompt-page .prompt-pack-guide b {
  color: #4a4038;
  font-size: 11px;
}

.tool-ai-prompt-page .prompt-pack-guide small {
  color: #766b62;
  font-size: 10px;
  line-height: 1.5;
}

.tool-ai-prompt-page .prompt-quality {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 13px;
  margin-top: 15px;
  padding: 13px;
  border: 1px solid #e3d9cf;
  border-radius: 11px;
  background: #fff;
}

.tool-ai-prompt-page .prompt-quality__score {
  display: grid;
  width: 62px;
  height: 62px;
  place-content: center;
  border-radius: 50%;
  background: #fff0df;
  color: #a84a0a;
  text-align: center;
}

.tool-ai-prompt-page .prompt-quality__score strong {
  font-size: 22px;
  line-height: 1;
}

.tool-ai-prompt-page .prompt-quality__score span {
  margin-top: 3px;
  font-size: 9px;
}

.tool-ai-prompt-page .prompt-quality h4 {
  margin: 0 0 7px;
  color: #443c36;
  font-size: 13px;
}

.tool-ai-prompt-page .prompt-quality progress {
  display: block;
  width: 100%;
  height: 7px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  accent-color: #d97724;
}

.tool-ai-prompt-page .prompt-quality ul {
  margin: 7px 0 0;
  padding: 0;
  color: #796f67;
  font-size: 10px;
  line-height: 1.5;
  list-style: none;
}

.tool-ai-prompt-page .prompt-variables {
  margin-top: 13px;
  padding: 14px;
  border: 1px solid #c7dce1;
  border-radius: 11px;
  background: #f2f8f9;
}

.tool-ai-prompt-page .prompt-variables[hidden] {
  display: none;
}

.tool-ai-prompt-page .prompt-variables__heading h4 {
  color: #315f67;
  font-size: 13px;
}

.tool-ai-prompt-page .prompt-variables__heading span,
.tool-ai-prompt-page .prompt-variables > p {
  color: #5f7c81;
  font-size: 10px;
}

.tool-ai-prompt-page .prompt-variables > p {
  margin: 7px 0 10px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-variable-fields {
  display: grid;
  gap: 8px;
}

.tool-ai-prompt-page .prompt-variable-fields label {
  display: grid;
  grid-template-columns: minmax(90px, .45fr) 1fr;
  align-items: center;
  gap: 8px;
  color: #315f67;
  font-family: Consolas, monospace;
  font-size: 11px;
}

.tool-ai-prompt-page .prompt-variable-fields input {
  min-width: 0;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #bfd3d8;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-family: sans-serif;
  font-size: 12px;
}

.tool-ai-prompt-page .prompt-output-shell {
  margin-top: 13px;
  overflow: hidden;
  border: 1px solid #dcd2c8;
  border-radius: 11px;
  background: #fff;
}

.tool-ai-prompt-page #prompt-output {
  display: block;
  width: 100%;
  min-height: 420px;
  max-height: 58vh;
  padding: 15px;
  resize: vertical;
  border: 0;
  background: #fff;
  color: #24201d;
  font-family: Consolas, "SFMono-Regular", "Noto Sans Mono CJK JP", monospace;
  font-size: 12px;
  line-height: 1.7;
}

.tool-ai-prompt-page .prompt-output-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-top: 1px solid #ece5de;
  color: #7b7067;
  font-size: 10px;
}

.tool-ai-prompt-page #prompt-unresolved-status:not(:empty) {
  color: #a85416;
}

.tool-ai-prompt-page .prompt-preview-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

.tool-ai-prompt-page .prompt-preview-actions button:first-child {
  grid-column: 1 / -1;
}

.tool-ai-prompt-page .prompt-action-status {
  min-height: 1.6em;
  margin: 8px 0 0;
  color: #397050;
  font-size: 11px;
  text-align: center;
}

.tool-ai-prompt-page .prompt-image-result-guide {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #c9dcde;
  border-radius: 12px;
  background: #f3f9f9;
}

.tool-ai-prompt-page .prompt-image-result-guide[hidden] {
  display: none;
}

.tool-ai-prompt-page .prompt-image-result-guide__heading {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.tool-ai-prompt-page .prompt-image-result-guide__heading > span {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  background: #3f7b7e;
  color: #fff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.tool-ai-prompt-page .prompt-image-result-guide h4 {
  margin: 0;
  color: #315f62;
  font-size: 14px;
}

.tool-ai-prompt-page .prompt-image-result-guide__heading p {
  margin: 5px 0 0;
  color: #637b7d;
  font-size: 10px;
  line-height: 1.6;
}

.tool-ai-prompt-page .prompt-image-result-guide ol {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.tool-ai-prompt-page .prompt-image-result-guide li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #d7e6e7;
  border-radius: 9px;
  background: #fff;
}

.tool-ai-prompt-page .prompt-image-result-guide li > span {
  display: inline-grid;
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #4e8588;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
}

.tool-ai-prompt-page .prompt-image-result-guide li div {
  display: grid;
  gap: 2px;
}

.tool-ai-prompt-page .prompt-image-result-guide li strong {
  color: #3d595b;
  font-size: 11px;
}

.tool-ai-prompt-page .prompt-image-result-guide li small {
  color: #687c7e;
  font-size: 10px;
  line-height: 1.5;
}

.tool-ai-prompt-page .prompt-image-result-guide__actions {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-image-result-guide__actions button {
  min-height: 39px;
  padding: 8px 10px;
  border: 1px solid #70a0a2;
  border-radius: 8px;
  background: #fff;
  color: #356d70;
  box-shadow: none;
  font-size: 10px;
  font-weight: 750;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-image-result-guide__actions button:hover {
  border-color: #3f7b7e;
  background: #eaf4f4;
  color: #285d60;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-image-result-guide__actions button.is-refine {
  border-color: #3f7b7e;
  background: #e6f2f2;
  color: #285d60;
}

.tool-ai-prompt-page .prompt-image-result-guide__note {
  margin: 11px 0 0;
  padding-top: 10px;
  border-top: 1px solid #d6e4e5;
  color: #5f7678;
  font-size: 10px;
  line-height: 1.65;
}

.tool-ai-prompt-page .prompt-library-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 18px;
}

.tool-ai-prompt-page .prompt-library-guide {
  margin-top: 16px;
  padding: 16px 18px;
  border: 1px solid #d8e2d8;
  border-radius: 12px;
  background: #f7faf7;
}

.tool-ai-prompt-page .prompt-library-guide > strong {
  color: #345c42;
  font-size: 14px;
}

.tool-ai-prompt-page .prompt-library-guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 0;
  padding: 0;
  color: #4e5d52;
  font-size: 12px;
  list-style: none;
}

.tool-ai-prompt-page .prompt-library-guide li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tool-ai-prompt-page .prompt-library-guide p {
  margin: 11px 0 0;
  color: #718076;
  font-size: 11px;
  line-height: 1.7;
}

.tool-ai-prompt-page .prompt-library-grid > section {
  min-width: 0;
  padding: 17px;
  border: 1px solid #e0d7cd;
  border-radius: 12px;
  background: #fcfbf9;
}

.tool-ai-prompt-page .prompt-library-heading h4 {
  color: #403933;
  font-size: 15px;
}

.tool-ai-prompt-page .prompt-library-heading > div > small {
  display: block;
  margin-top: 4px;
  color: #81766e;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
}

.tool-ai-prompt-page .prompt-library-heading span,
.tool-ai-prompt-page .prompt-library-heading button {
  border: 0;
  background: transparent;
  color: #887c73;
  font-size: 11px;
  font-weight: 650;
  box-shadow: none;
}

.tool-ai-prompt-page .prompt-library-heading button {
  min-height: 0;
  padding: 4px;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-library-heading button:hover {
  border: 0;
  background: transparent;
  color: #a84b0b;
}

.tool-ai-prompt-page .prompt-library-list {
  display: grid;
  gap: 8px;
  max-height: 330px;
  margin-top: 12px;
  overflow-y: auto;
}

.tool-ai-prompt-page .prompt-library-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e2d9d0;
  border-radius: 9px;
  background: #fff;
}

.tool-ai-prompt-page .prompt-library-item strong,
.tool-ai-prompt-page .prompt-library-item small {
  display: block;
}

.tool-ai-prompt-page .prompt-library-item strong {
  overflow: hidden;
  color: #423a34;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tool-ai-prompt-page .prompt-library-item small {
  margin-top: 4px;
  color: #81766e;
  font-size: 10px;
  line-height: 1.5;
}

.tool-ai-prompt-page .prompt-library-item__actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.tool-ai-prompt-page .prompt-library-item__actions button {
  min-height: 32px;
  padding: 5px 9px;
  border: 1px solid #d9cfc4;
  border-radius: 7px;
  background: #fff;
  color: #5a514a;
  box-shadow: none;
  font-size: 10px;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-library-item__actions button:hover {
  border-color: #d97724;
  background: #fff8ef;
  color: #a84b0b;
}

body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-library-item__actions button.is-export {
  border-color: #c8681e;
  background: #fff8ef;
  color: #9d4a0d;
  font-weight: 750;
}

.tool-ai-prompt-page .prompt-library-empty {
  margin: 0;
  padding: 24px 10px;
  color: #887d74;
  font-size: 12px;
  text-align: center;
}

.tool-ai-prompt-page .prompt-content {
  gap: 60px;
}

.tool-ai-prompt-page .prompt-variable-guide > p {
  margin: 0;
  color: #514941;
  font-size: 15px;
  line-height: 2;
}

.tool-ai-prompt-page .prompt-variable-example {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  padding: 18px;
  border: 1px solid #ded5cb;
  border-radius: 12px;
  background: #faf8f5;
}

.tool-ai-prompt-page .prompt-variable-example code {
  display: block;
  padding: 12px;
  overflow-wrap: anywhere;
  background: #fff;
  line-height: 1.7;
}

.tool-ai-prompt-page .prompt-variable-example > span {
  color: #bf5b14;
  font-size: 22px;
}

.tool-ai-prompt-page .prompt-dialog {
  width: min(520px, calc(100% - 32px));
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 25px 80px rgba(31, 23, 18, .25);
}

.tool-ai-prompt-page .prompt-dialog::backdrop {
  background: rgba(31, 27, 24, .48);
  backdrop-filter: blur(3px);
}

.tool-ai-prompt-page .prompt-dialog form {
  padding: 24px;
}

.tool-ai-prompt-page .prompt-dialog__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.tool-ai-prompt-page .prompt-dialog__heading p {
  margin: 0 0 3px;
  color: #b75510;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
}

.tool-ai-prompt-page .prompt-dialog__heading h2 {
  margin: 0;
  color: #332d29;
  font-size: 22px;
}

.tool-ai-prompt-page .prompt-dialog__heading button {
  width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #7c7168;
  box-shadow: none;
  font-size: 25px;
}

.tool-ai-prompt-page .prompt-dialog form > p {
  margin: 16px 0 0;
  color: #7d7269;
  font-size: 11px;
  line-height: 1.7;
}

.tool-ai-prompt-page .prompt-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 20px;
}

@media (max-width: 1080px) {
  .tool-ai-prompt-page .prompt-template-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tool-ai-prompt-page .prompt-builder-layout {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-preview-panel {
    position: static;
  }

  .tool-ai-prompt-page #prompt-output {
    min-height: 360px;
    max-height: none;
  }
}

@media (max-width: 760px) {
  .tool-ai-prompt-page .prompt-mode-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .tool-ai-prompt-page .prompt-mode-switch {
    grid-template-columns: repeat(2, 1fr);
  }

  .tool-ai-prompt-page .prompt-mode-switch span {
    min-width: 0;
  }

  .tool-ai-prompt-page .prompt-template-tools {
    width: 100%;
    align-items: stretch;
  }

  .tool-ai-prompt-page .json-step__heading--split {
    align-items: stretch;
  }

  .tool-ai-prompt-page .prompt-template-tools label,
  .tool-ai-prompt-page .prompt-template-tools input,
  .tool-ai-prompt-page .prompt-template-tools select {
    width: 100%;
  }

  .tool-ai-prompt-page .prompt-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tool-ai-prompt-page .prompt-field-grid--two,
  .tool-ai-prompt-page .prompt-check-grid,
  .tool-ai-prompt-page .prompt-library-grid {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-variable-example {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-variable-example > span {
    transform: rotate(90deg);
    text-align: center;
  }

  .tool-ai-prompt-page .prompt-library-guide ol {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap.prompt-workspace > .prompt-step,
  body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap.prompt-workspace > .prompt-step + .prompt-step {
    padding: 22px 16px !important;
    border-radius: 14px;
  }

  .tool-ai-prompt-page .prompt-profile summary,
  .tool-ai-prompt-page .prompt-profile__body {
    padding-left: 14px;
    padding-right: 14px;
  }

  .tool-ai-prompt-page .prompt-pack-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-pack-tabs button {
    min-height: 42px;
    font-size: 13px;
  }

  .tool-ai-prompt-page .prompt-pack-summary,
  .tool-ai-prompt-page .prompt-pack-guide b,
  .tool-ai-prompt-page .prompt-pack-guide small,
  .tool-ai-prompt-page .prompt-image-result-guide__heading p,
  .tool-ai-prompt-page .prompt-image-result-guide li strong,
  .tool-ai-prompt-page .prompt-image-result-guide li small,
  .tool-ai-prompt-page .prompt-image-result-guide__note,
  body.gt-redesign.gt-tool.tool-ai-prompt-page .service_wrap .prompt-image-result-guide__actions button,
  .tool-ai-prompt-page .prompt-library-guide ol,
  .tool-ai-prompt-page .prompt-library-guide p,
  .tool-ai-prompt-page .prompt-library-heading > div > small,
  .tool-ai-prompt-page .prompt-form-section__lead,
  .tool-ai-prompt-page .prompt-active-workflow small,
  .tool-ai-prompt-page .prompt-profile summary small,
  .tool-ai-prompt-page .prompt-mode-bar > div:first-child span {
    font-size: 13px;
  }

  .tool-ai-prompt-page .prompt-pack-guide > strong,
  .tool-ai-prompt-page .prompt-library-guide > strong,
  .tool-ai-prompt-page .prompt-image-result-guide h4 {
    font-size: 16px;
  }

  .tool-ai-prompt-page .prompt-pack-guide ol {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-template-tools {
    flex-direction: column;
  }

  .tool-ai-prompt-page .prompt-template-grid {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-template-card {
    min-height: 0;
  }

  .tool-ai-prompt-page .prompt-form-section,
  .tool-ai-prompt-page .prompt-preview-panel {
    padding: 15px;
  }

  .tool-ai-prompt-page .prompt-field,
  .tool-ai-prompt-page .prompt-field input,
  .tool-ai-prompt-page .prompt-field textarea,
  .tool-ai-prompt-page .prompt-field select,
  .tool-ai-prompt-page .prompt-check-grid strong,
  .tool-ai-prompt-page .prompt-check-grid small,
  .tool-ai-prompt-page #prompt-output,
  .tool-ai-prompt-page .prompt-step-lead,
  .tool-ai-prompt-page .prompt-variable-guide > p {
    font-size: 16px;
  }

  .tool-ai-prompt-page .prompt-template-card strong,
  .tool-ai-prompt-page .prompt-template-card small,
  .tool-ai-prompt-page .prompt-library-item strong,
  .tool-ai-prompt-page .prompt-library-item small,
  .tool-ai-prompt-page .prompt-action-status,
  .tool-ai-prompt-page .prompt-output-meta {
    font-size: 13px;
  }

  .tool-ai-prompt-page .prompt-check-grid > label {
    padding: 13px 11px;
  }

  .tool-ai-prompt-page .prompt-preview-actions,
  .tool-ai-prompt-page .prompt-library-item {
    grid-template-columns: 1fr;
  }

  .tool-ai-prompt-page .prompt-preview-actions button:first-child {
    grid-column: auto;
  }

  .tool-ai-prompt-page .prompt-library-item__actions {
    justify-content: flex-start;
  }

  .tool-ai-prompt-page .prompt-variable-fields label {
    grid-template-columns: 1fr;
    font-size: 13px;
  }
}