/* Only the creation form uses this compact layout. */
.make-simple .titl2, .make-simple .titl2pc, .make-simple .teach-ai-inline-hint { display: none; }
.make-simple .smalltitle { margin-bottom: 28px; }
.make-simple .ai-form { gap: 24px; color: #000; }
.make-simple .ai-form .input-group { margin: 0; min-width: 0; }
.make-simple .label-wrapper, .make-simple .teach-ai-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.make-simple .teach-ai-title-row { flex-wrap: wrap; }
.make-simple .teach-ai-title-row label { overflow-wrap: anywhere; min-width: 0; }
.make-simple .teach-ai-title-row .starter-template-toggle { margin-inline-start: auto; }
.make-simple .input-group-header { margin-bottom: 10px; }
.make-simple .ai-form label { color: #000; font-size: 16px; font-weight: 650; }
.make-simple .char-counter { color: #737373; font-size: 12px; font-weight: 400; font-variant-numeric: tabular-nums; }
.make-simple .ai-form input[type="text"], .make-simple .ai-form textarea { background: #fff; color: #000; font-size: 16px; line-height: 1.6; padding: 14px 16px; border: 1px solid #d4d4d4; border-radius: 12px; box-sizing: border-box; width: 100%; }
.make-simple .ai-form textarea { min-height: 190px; resize: vertical; }
.make-simple .ai-form input::placeholder, .make-simple .ai-form textarea::placeholder { color: #737373; font-weight: 400; }
.make-simple .starter-template-toggle { font-size: 14px; min-height: 40px; padding: 6px 0; color: #525252; white-space: normal; text-align: end; }
.make-simple .make-input-tools { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.make-simple .input-options { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; margin: 0; min-width: 0; max-width: 100%; }
.make-simple .input-options .option-btn, .make-simple .make-writing-help-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 44px; max-width: 100%; margin: 0; padding: 10px 14px; border: 1px solid #b8b8b8; border-radius: 10px; background: #fff; color: #262626; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 22px; text-align: start; white-space: normal; overflow-wrap: anywhere; cursor: pointer; box-shadow: none; transition: background-color .15s ease, border-color .15s ease; }
.make-simple #file-upload-trigger::before { content: ''; flex: 0 0 16px; width: 16px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9zM14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9zM14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E") center / contain no-repeat; }
.make-simple .input-options #direct-input-btn { display: none; }
.make-simple .is-previewing .input-options #direct-input-btn { display: inline-flex; }
.make-simple .make-writing-help-toggle { background: #f5f5f5; border-color: #e0e0e0; color: #525252; }
.make-simple .make-writing-help-toggle::after { content: ''; flex: 0 0 6px; width: 6px; height: 6px; margin-inline-start: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.make-simple .make-writing-help-toggle[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); }
.make-simple .make-writing-help-toggle[aria-expanded="true"] { background: #ebebeb; border-color: #b8b8b8; color: #000; }
.make-simple .input-options .option-btn:hover, .make-simple .make-writing-help-toggle:hover { background: #ebebeb; border-color: #a3a3a3; color: #000; }
.make-simple .input-options .option-btn:active, .make-simple .make-writing-help-toggle:active { background: #e5e5e5; }
.make-simple .make-writing-help { flex-basis: 100%; min-width: 0; box-sizing: border-box; padding: 16px 18px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fafafa; text-align: start; }
.make-simple .make-writing-help[hidden] { display: none; }
.make-simple .make-writing-help p { font-size: 14px; line-height: 1.65; font-weight: 400; color: #525252; margin: 0; }
.make-simple .make-writing-help p + p { margin-top: 8px; }
.make-simple .make-rich-link-hint::before { display: none; }
.make-simple .make-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.make-simple .make-form-actions .hire-button { flex: 1 1 180px; width: auto; min-height: 48px; margin: 0; padding: 12px 22px; border: 0; border-radius: 12px; background: #000; color: #fff; font-size: 16px; font-weight: 650; }
.make-simple .hire-button::before { display: none; }
.make-simple #make-draft-controls { display: contents; }
.make-simple .make-draft-actions { justify-content: flex-start; }
.make-simple .make-form-actions > *, .make-simple .make-draft-actions { max-width: 100%; min-width: 0; }
.make-simple .make-draft-save, .make-simple .make-form-actions .hire-button { white-space: normal; overflow-wrap: anywhere; }
.make-simple .make-draft-save { min-height: 44px; background: transparent; border: 0; padding: 8px 0; color: #525252; font-size: 14px; font-weight: 500; transform: none; }
.make-simple .make-draft-save:hover { background: transparent; color: #000; transform: none; }
.make-simple .make-draft-note { display: none; }
.make-simple .make-draft-status { flex-basis: 100%; text-align: start; font-size: 13px; line-height: 1.6; color: #525252; font-weight: 400; min-height: 0; }
.make-simple .make-draft-status:empty, .make-simple #upload-status:empty { display: none; }
.make-simple .ai-form :is(button, summary, input, textarea):focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.make-simple .ai-form :is(.option-btn, .starter-template-toggle, .make-writing-help-toggle):hover { color: #000; }
.make-simple .copyright-wrapper { flex-wrap: wrap; gap: 8px 14px; }
@media (max-width: 480px) {
  .make-simple .ai-form { gap: 20px; }
  .make-simple .ai-form textarea { min-height: 180px; }
  .make-simple .make-form-actions { gap: 8px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .make-simple .input-options .option-btn, .make-simple .make-writing-help-toggle { transition: none; }
}