/* Name Tracing Generator. Same form look as /santa/letter.css, using the site's variables from style.css. The sheets use no fonts. */
.nt{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:18px 0 10px}
@media (min-width:900px){.nt{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:44px;align-items:start}}
.nt-form{background:var(--white);border:1px solid var(--kraft-l);border-radius:6px;padding:20px 20px 16px}
.nt-field{margin:0 0 16px}
.nt-field>label,.nt-legend{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
fieldset.nt-field{border:0;padding:0;min-width:0}
.nt input[type=text]{width:100%;font:inherit;font-size:1rem;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid #a8a29e;border-radius:4px}
.nt input[type=text]:focus,.nt textarea:focus{border-color:var(--ink);outline:2px solid rgba(180,68,43,.35);outline-offset:1px}
.nt input[aria-invalid=true]{border-color:var(--maple)}
.nt-err{color:var(--maple-d);font-size:.92rem;margin:4px 0 0}
.nt-err:empty{display:none}
.nt-hint{font-size:.85rem;color:var(--muted);margin:3px 0 0}
.nt-choices{display:flex;flex-wrap:wrap;gap:8px}
.nt-choices label{display:flex;gap:7px;align-items:center;cursor:pointer;border:1px solid #d6d3d1;border-radius:4px;padding:7px 11px;background:#fff;font-size:.92rem;line-height:1.25}
.nt-choices input{accent-color:var(--ink);margin:0}
.nt-choices label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.nt-privacy{font-size:.9rem;font-weight:500;color:var(--muted);margin:14px 0 0}
.nt-preview canvas{display:block;width:100%;max-width:560px;height:auto;background:#fff;border:1px solid var(--line-2);border-radius:4px}
.nt-rows{font-size:.9rem;color:var(--muted);margin:8px 0 0;max-width:560px}
.nt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.nt-actions .btn{cursor:pointer;margin:0}
.nt-status{min-height:1.6em;font-size:.92rem;color:var(--ink);font-weight:500;margin:8px 0 0}
.nt-class{margin:12px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);max-width:560px}
.nt-class summary{cursor:pointer;font-weight:600;color:var(--ink)}
.nt-class p{margin:8px 0;font-size:.95rem}
.nt-class textarea{display:block;width:100%;max-width:100%;padding:10px;font:inherit;border:1px solid var(--line-2);border-radius:var(--r);background:var(--white);color:var(--ink)}
.nt-class .btn{cursor:pointer;margin:0}