:root{--trainer-panel-bg:#f3f6fa;--trainer-surface:#fff;--trainer-surface-soft:#f7faff;--trainer-border:#b9c7d8;--trainer-border-soft:#d4deeb;--trainer-text:#0f172a;--trainer-muted:#334155;--trainer-subtle:#475569;--trainer-blue:#075ab8;--trainer-blue-hover:#064a98;--trainer-blue-soft:#eaf3ff;--trainer-blue-border:#8cb9f0;--trainer-green:#0f6b3a;--trainer-green-soft:#e8f6ed;--trainer-green-border:#8fd5aa;--trainer-danger-soft:#fff1f2;--trainer-danger-border:#fda4af;--trainer-warning-soft:#fff7ed;--trainer-warning-border:#fdba74;--trainer-warning-text:#8a4b0f;--radius-card:12px;--radius-control:9px;--shadow-soft:0 1px 2px #0f172a0a}*{box-sizing:border-box}html{min-width:0}body{min-width:0;min-height:100vh;color:var(--trainer-text);background:var(--trainer-panel-bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.signature-preview-frame:focus-visible,.link-button:focus-visible{outline-offset:2px;outline:3px solid #075ab83d}h1,h2,h3,p{margin-top:0}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;max-width:1360px;margin:0 auto;padding:24px 20px 12px;display:grid}.header-brand{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.header-copy{min-width:0}.brand-mark{object-fit:contain;width:64px;height:64px;box-shadow:var(--shadow-soft);background:#fff;border-radius:12px}h1{color:var(--trainer-text);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}.intro{max-width:760px;color:var(--trainer-muted);margin-bottom:0;font-size:.94rem;line-height:1.45}.header-auth{max-width:420px;color:var(--trainer-muted);align-content:start;justify-items:end;gap:8px;padding-top:1px;font-size:.86rem;display:grid}.header-auth .signed-in{text-align:right;margin:0;line-height:1.25}.auth-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.auth-button{min-height:34px;padding:7px 12px;font-size:.84rem}.auth-button-subtle{color:var(--trainer-subtle)}.layout{align-items:start;gap:16px;max-width:1360px;margin:0 auto;padding:12px 20px 24px;display:grid}.work-grid{grid-template-columns:minmax(320px,1fr) minmax(560px,2fr);align-items:stretch;gap:16px;min-width:0;display:grid}.form-column,.preview-column{gap:16px;min-width:0;display:grid}.panel{background:var(--trainer-surface);border:1px solid var(--trainer-border-soft);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-soft);padding:18px}.details-panel,.preview-panel{height:100%}.details-panel{flex-direction:column;justify-content:space-between;gap:18px;display:flex}.details-panel-content{min-width:0}.details-alert-stack{gap:8px;margin-top:-4px;margin-bottom:22px;display:grid}.details-alert-stack:empty{display:none}.section-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-bottom:16px;display:grid}.step{border:1px solid var(--trainer-blue-border);background:var(--trainer-blue-soft);min-width:30px;height:30px;color:var(--trainer-blue);border-radius:999px;place-items:center;padding:0 8px;font-size:.72rem;font-weight:800;line-height:1;display:grid}.section-heading h2{color:var(--trainer-text);margin-bottom:4px;font-size:1rem;line-height:1.25}.section-heading p,.notice{color:var(--trainer-muted);font-size:.88rem;line-height:1.45}.form-grid{gap:12px;margin-top:0;display:grid}label span{color:var(--trainer-text);margin-bottom:4px;font-size:.78rem;font-weight:750;display:block}input,select,textarea{border:1px solid var(--trainer-border-soft);border-radius:var(--radius-control);width:100%;color:var(--trainer-text);background:#fff;outline:none;padding:10px 12px}input::placeholder,textarea::placeholder{color:#d0d5db;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--trainer-blue-border);box-shadow:0 0 0 3px #075ab824}.notice{border:1px solid var(--trainer-border-soft);background:var(--trainer-surface-soft);border-radius:10px;margin:0;padding:10px 12px}.notice-success{background:var(--trainer-green-soft);border-color:var(--trainer-green-border);color:var(--trainer-green)}.notice-warning,.status-warning{background:var(--trainer-warning-soft);border-color:var(--trainer-warning-border);color:var(--trainer-warning-text)}.notice-error{background:var(--trainer-danger-soft);border-color:var(--trainer-danger-border);color:#9f1239}.warning-list{margin:0;padding-left:20px}.tabs{border:1px solid var(--trainer-blue-border);background:var(--trainer-blue-soft);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px;padding:5px;display:grid}.tab{outline-offset:3px;min-height:38px;color:var(--trainer-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:.86rem;font-weight:700}.tab.is-active{color:var(--trainer-blue);background:#fff;box-shadow:0 1px 2px #0f172a14,inset 0 0 0 2px #075ab842}.signature-preview-frame{border:1px solid var(--trainer-border-soft);background:#fff;border-radius:10px;outline:none;height:clamp(400px,42vw + 48px,560px);padding:16px;overflow:auto}.preview-card{min-width:max-content}.preview-card-mobile{min-width:0;max-width:500px}.plain-text-preview{color:var(--trainer-text);white-space:pre-wrap;word-break:break-word;margin:0;font:.9rem/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.signature-copy-actions{justify-content:center;margin-top:calc(24px + 1.276rem)}.office-helper-space{min-height:1rem;margin:0;display:block}.primary,.secondary{border-radius:var(--radius-control);cursor:pointer;min-height:39px;padding:9px 14px;font-weight:750}.primary{border:1px solid var(--trainer-blue);background:var(--trainer-blue);color:#fff}.primary:hover{background:var(--trainer-blue-hover);border-color:var(--trainer-blue-hover)}.secondary{border:1px solid var(--trainer-border);color:var(--trainer-text);background:#fff}.secondary:hover{background:var(--trainer-surface-soft)}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.status{min-height:22px;color:var(--trainer-green);margin:10px 0 0;font-size:.88rem;font-weight:700}.copy-status{text-align:center}.copy-status:empty{visibility:hidden}textarea{resize:vertical;min-height:180px;line-height:1.45}.compact-heading{margin-bottom:0}.instructions-heading{margin-bottom:16px}.outlook-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.outlook-guide-card{border:1px solid var(--trainer-blue-border);background:var(--trainer-blue-soft);border-radius:10px;min-width:0;padding:14px 16px}.outlook-guide-card h3{color:var(--trainer-text);margin:0 0 4px;font-size:.94rem;line-height:1.3}.outlook-guide-card p{color:var(--trainer-muted);margin-bottom:10px;font-size:.86rem;line-height:1.4}.instruction-list{color:var(--trainer-text);margin:0;padding-left:22px;font-size:.9rem;line-height:1.5}.instruction-list li+li{margin-top:4px}.profile-source-note{border-top:1px solid var(--trainer-border-soft);color:var(--trainer-subtle);justify-content:center;align-items:center;gap:12px;padding-top:14px;font-size:.84rem;display:flex}.profile-source-note p{margin:0}.link-button{color:var(--trainer-blue);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.link-button:hover{color:var(--trainer-blue-hover)}.app-footer{max-width:1360px;color:var(--trainer-subtle);justify-content:space-between;gap:12px;margin:0 auto;padding:0 20px 24px;font-size:.82rem;display:flex}.inline-note{border-style:solid;border-width:1px;border-radius:10px;margin:0;padding:8px 10px;font-size:.84rem;line-height:1.4}.inline-note-warning{background:var(--trainer-warning-soft);border-color:var(--trainer-warning-border);color:var(--trainer-warning-text)}.inline-note-error{background:var(--trainer-danger-soft);border-color:var(--trainer-danger-border);color:#9f1239}@media (width<=980px){.app-header{grid-template-columns:1fr;gap:12px}.header-auth{justify-items:start;max-width:none}.header-auth .signed-in{text-align:left}.auth-actions{justify-content:flex-start}.work-grid{grid-template-columns:1fr;align-items:start}.details-panel,.preview-panel{height:auto}.outlook-guides{grid-template-columns:1fr}}@media (width<=620px){.app-header{padding:18px 14px 10px}.header-brand{align-items:start;gap:12px}.brand-mark{border-radius:12px;width:64px;height:64px}.layout,.app-footer{padding-left:14px;padding-right:14px}.panel{padding:16px}.section-heading{gap:8px;margin-bottom:12px}.tabs{grid-template-columns:1fr}.actions .primary,.actions .secondary{width:100%}.signature-preview-frame{height:clamp(320px,72vw,420px);padding:12px}.profile-source-note{flex-direction:column;align-items:flex-start}.app-footer{flex-direction:column}}.signed-out-shell{background:var(--trainer-panel-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.signed-out-card{border:1px solid var(--trainer-border-soft);background:var(--trainer-surface);width:min(100%,440px);box-shadow:var(--shadow-soft);text-align:center;border-radius:18px;justify-items:center;gap:14px;padding:34px 30px 30px;display:grid}.signed-out-logo{object-fit:contain;width:72px;height:72px;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px}.signed-out-card h1{margin-bottom:0}.signed-out-text{max-width:340px;color:var(--trainer-muted);margin-bottom:2px;font-size:.96rem;line-height:1.5}.signed-out-button{width:100%;max-width:280px;margin-top:4px}.signed-out-support{color:var(--trainer-subtle);margin:0;font-size:.82rem;line-height:1.4}.signed-out-error{text-align:left;width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.read-only-field{color:#334155;cursor:default;box-shadow:none;background:#f5f7fa;border:1px solid #d4deeb}.read-only-field:focus{box-shadow:none;background:#f5f7fa;border-color:#cbd5e1}.preview-validation{text-align:center;margin-top:12px}.status:empty{visibility:hidden}.status-success{color:var(--trainer-green)}