/* The same native textarea and geometry are shared by both appearances. */
#translateForm .direct-writing-note{
  --direct-note-line:1.9rem;
  display:flex;flex-direction:column;width:100%;height:20rem;min-width:0;
  border:1px solid #e5dce6;border-radius:22px;background:#fff;overflow:hidden;
  box-shadow:0 6px 22px rgba(81,62,44,.045);color:var(--ink);
}
#translateForm .direct-writing-note:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple2)}
#translateForm .direct-note-heading{display:flex;align-items:center;gap:6px;min-height:54px;padding:5px 12px;flex:none}
#translateForm #directNoteToggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:8px;border:0;border-radius:13px;background:#f5eff9;color:var(--purple);cursor:pointer;touch-action:manipulation}
#translateForm #directNoteToggle:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
#translateForm #directNoteInvitation{font-size:.875rem;line-height:1.5;color:#837486;min-width:0;overflow-wrap:anywhere}
#translateForm .direct-note-writing{flex:1;min-height:0;min-width:0;padding:0 18px}
#translateForm .direct-writing-note #korean{
  display:block;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0;
  border:0;border-radius:0;outline:none;box-shadow:none;resize:none;background:transparent;
  color:var(--ink);font:inherit;font-size:1rem;line-height:var(--direct-note-line);
  overflow:auto;white-space:pre-wrap;overflow-wrap:break-word;
}
#translateForm .direct-writing-note #korean:focus{border:0;box-shadow:none}
#translateForm .direct-writing-note #korean::placeholder{color:#aaa1aa;opacity:1}
#translateForm .direct-note-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:66px;padding:0 14px 5px 18px;pointer-events:none;user-select:none}
#translateForm .direct-note-footer span{font-size:.8125rem;line-height:1.5;color:#9b8b91;min-width:0;overflow-wrap:anywhere}
#translateForm .direct-note-footer img{display:block;flex:none;width:96px;height:64px;object-fit:contain;opacity:0}
#translateForm .direct-writing-note.is-note{
  border-color:#e9d7ba;background-color:#fff8e9;
  background-image:repeating-linear-gradient(35deg,rgba(157,116,64,.022) 0 1px,transparent 1px 5px),repeating-linear-gradient(125deg,rgba(255,255,255,.35) 0 1px,transparent 1px 7px);
  box-shadow:0 6px 22px rgba(143,100,48,.065);
}
#translateForm .is-note #directNoteToggle{background:#f9ead4;color:#a56845}
#translateForm .is-note #directNoteInvitation{color:#82674d}
#translateForm .is-note #korean{
  background-image:linear-gradient(to bottom,transparent calc(var(--direct-note-line) - 1px),rgba(170,143,104,.2) calc(var(--direct-note-line) - 1px));
  background-size:100% var(--direct-note-line);background-position:0 var(--direct-note-scroll-y,0px);background-repeat:repeat-y;
}
#translateForm .is-note .direct-note-footer span{color:#8b7359}
#translateForm .is-note .direct-note-footer img{opacity:1}