*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:var(--space-5)}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:1rem;line-height:1.5;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}a{color:var(--color-link);text-underline-offset:3px}a:hover{color:var(--color-link-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}h1,h2,p{margin:0}h1,h2{line-height:1.25;overflow-wrap:break-word}.app-width{width:min(var(--content-width),calc(100% - var(--space-7)));margin-inline:auto}.skip-link{position:absolute;z-index:10;top:var(--space-3);left:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--color-panel);color:var(--color-text);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-top:4px solid var(--color-primary);border-bottom:1px solid var(--color-border);background:var(--color-panel)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:104px;padding-block:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-4);min-width:0}.brand-badge{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain}.brand-suite{display:block;font-size:1.125rem;font-weight:700;letter-spacing:-0.015em}.brand-company{display:block;margin-top:2px;color:var(--color-muted);font-size:0.875rem}.tool-nav{display:flex;align-items:stretch;gap:var(--space-2)}.header-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-4) var(--space-5);min-width:0}.appearance-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);max-width:320px;font-size:0.8125rem;font-weight:600}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:88px;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:24px;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.theme-toggle:hover:not(:disabled){border-color:var(--color-muted);background:var(--color-accent-surface)}.theme-icon{flex:0 0 20px;width:20px;height:20px}.theme-icon-moon,:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:block}.appearance-feedback{flex-basis:100%;color:var(--color-error);font-weight:400;overflow-wrap:anywhere}.nav-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-small);font-size:0.875rem;font-weight:600;text-align:center}.nav-link{text-decoration:none}.nav-link[aria-current=page]{background:var(--color-accent-surface);color:var(--color-link)}main.app-width{padding-top:var(--space-6);padding-bottom:var(--space-7)}.intro{max-width:760px}.panel-kicker{color:var(--color-muted);font-size:0.75rem;font-weight:700;letter-spacing:0.075em;text-transform:uppercase}.intro h1{margin-top:var(--space-2);font-size:clamp(1.75rem,2.5vw,2.125rem);font-weight:700;letter-spacing:-0.035em}.intro>p:last-child{margin-top:var(--space-3);color:var(--color-muted)}.workflow{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin:var(--space-5) 0;padding:0;list-style:none}.workflow li{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:0.875rem;font-weight:600}.workflow li>span:first-child{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-panel);color:var(--color-muted);font-size:0.75rem}.workflow li[aria-current=step]{color:var(--color-text)}.workflow li[aria-current=step]>span:first-child{border-color:var(--color-primary-edge);background:var(--color-primary);color:#fff}.review-notice{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-small);background:var(--color-panel);color:var(--color-muted);font-size:0.875rem}.review-notice strong{color:var(--color-text);font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:var(--space-5)}.panel{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:var(--shadow-panel)}.panel-heading{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.panel-heading h2{margin-top:var(--space-1);font-size:1.25rem;letter-spacing:-0.015em}.panel-heading>p:last-child{margin-top:var(--space-2);color:var(--color-muted);font-size:0.875rem}.details-form{padding:var(--space-5)}.details-form fieldset{display:grid;gap:var(--space-4);min-width:0;margin:0;padding:0;border:0}.optional-details{margin-top:var(--space-5);border-top:1px solid var(--color-border)}.optional-details summary{min-height:44px;padding-block:var(--space-4);font-size:0.875rem;font-weight:600;cursor:pointer}.optional-details summary span{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:0.8125rem;font-weight:400}.optional-details>fieldset{padding-bottom:var(--space-1)}.details-form legend{margin-bottom:var(--space-4);padding:0;font-size:0.875rem;font-weight:700}.details-form legend.visually-hidden{margin:-1px}.field{min-width:0}.field label{display:block;margin-bottom:var(--space-2);font-size:0.875rem;font-weight:600}.optional{margin-left:var(--space-1);color:var(--color-muted);font-size:0.8125rem;font-weight:400}.field input{width:100%;min-width:0;min-height:48px;padding:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-panel);color:var(--color-text);box-shadow:inset 0 1px 2px rgb(23 32 42 / 2%)}.field input:hover{border-color:var(--color-muted)}.field input:focus-visible{border-color:var(--color-focus);outline-offset:2px}.field-hint{margin-top:var(--space-2);color:var(--color-muted);font-size:0.8125rem}.field input[aria-invalid=true]{border-color:var(--color-error)}.field-error{margin-top:var(--space-2);color:var(--color-error);font-size:0.8125rem}.form-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-small);font-weight:600;font-size:0.875rem;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer}.button-primary{border-color:var(--color-primary-edge);background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-hover);color:#fff}.button-secondary{border-color:var(--color-control-border);background:var(--color-panel);color:var(--color-text)}.button-secondary:hover{border-color:var(--color-muted);background:var(--color-surface);color:var(--color-text)}.button:disabled{cursor:default;opacity:0.6}.form-feedback{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:0.875rem}.form-feedback:empty{margin:0;padding:0;border:0}.remember-details{margin:0 var(--space-5) var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.remember-choice{display:flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:0.875rem;font-weight:600;cursor:pointer}.remember-choice input{flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:var(--color-primary)}.remember-choice label{display:flex;align-items:center;min-height:44px;cursor:pointer}#remember-description{margin-top:var(--space-2);color:var(--color-muted);font-size:0.8125rem}.remember-actions{margin-top:var(--space-3)}.storage-feedback{margin-top:var(--space-3);color:var(--color-text);font-size:0.8125rem;overflow-wrap:anywhere}.storage-feedback[data-kind=error]{color:var(--color-error)}.storage-feedback:empty{margin:0}.confirmation-dialog{width:min(440px,calc(100% - var(--space-6)));max-height:calc(100% - var(--space-6));padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel);color:var(--color-text);box-shadow:0 12px 40px rgb(23 32 42 / 20%)}.confirmation-dialog::backdrop{background:rgb(23 32 42 / 45%)}.confirmation-dialog h2{font-size:1.25rem}.confirmation-dialog>p{margin-top:var(--space-3);color:var(--color-muted);font-size:0.875rem}.dialog-actions{justify-content:flex-end}.outlook-help{max-width:920px;margin-top:var(--space-5)}.outlook-help .panel-heading h1{margin-top:var(--space-1);font-size:clamp(1.75rem,2.5vw,2.125rem);letter-spacing:-0.035em}.setup-content{padding:var(--space-5);color:var(--color-text);overflow-wrap:anywhere}.setup-content p+p{margin-top:var(--space-3)}.help-start,.guide-content,.help-test,.troubleshooting-list{max-width:74ch}.help-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.help-action-feedback{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:0.875rem}.help-action-feedback[data-kind=error]{border-left:3px solid var(--color-primary)}.help-action-feedback:empty{margin:0;padding:0;border:0}.help-version,.help-troubleshooting{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-small)}.help-version>summary,.help-troubleshooting>summary,.outlook-guide>summary{min-height:44px;padding:var(--space-4);font-size:0.875rem;font-weight:600;cursor:pointer}.help-version>summary:hover,.help-troubleshooting>summary:hover,.outlook-guide>summary:hover{background:var(--color-surface)}.help-version>:not(summary){margin-inline:var(--space-4)}.help-version>:last-child{margin-bottom:var(--space-4)}.setup-content>section{margin-top:var(--space-6)}.setup-content section>h2{font-size:1.125rem}.outlook-guides{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.outlook-guide{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-small)}.outlook-guide[open]>summary{border-bottom:1px solid var(--color-border)}.guide-name{font-size:1rem}.guide-description{display:block;margin-top:var(--space-1);color:var(--color-muted);font-weight:400}.guide-content{padding:var(--space-4)}.guide-content ol,.help-test ul{margin:0;padding-left:var(--space-5)}.guide-content li+li,.help-test li+li{margin-top:var(--space-3)}.guide-content ol+p{margin-top:var(--space-4)}.guide-content .guide-source{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:0.8125rem}.help-test ul{margin-top:var(--space-4)}.troubleshooting-list{margin:0;padding:0 var(--space-4) var(--space-4)}.troubleshooting-list dt{margin-top:var(--space-4);font-weight:600}.troubleshooting-list dt:first-child{margin-top:0}.troubleshooting-list dd{margin:var(--space-2) 0 0}.setup-content .help-review{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:0.8125rem}.company-details{margin:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}.company-details summary{min-height:44px;padding-block:var(--space-4);color:var(--color-text);font-size:0.875rem;font-weight:600;cursor:pointer}.company-details summary span{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:0.8125rem;font-weight:400}.company-details dl{margin:0;padding-bottom:var(--space-2)}.company-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-3);font-size:0.8125rem}.company-row dt{color:var(--color-muted)}.company-row dd{margin:0;overflow-wrap:anywhere}.jump-link{display:none}.preview-scroll{margin:var(--space-5);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-canvas)}.preview-scroll,.preview-canvas,.signature-frame,.manual-canvas-scroll,.manual-frame{color-scheme:light}.preview-scroll:focus-visible,.manual-canvas-scroll:focus-visible{outline-color:var(--color-canvas-focus)}.preview-canvas{min-height:348px;padding:var(--space-5);background:var(--color-canvas);color:var(--color-canvas-text)}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;max-width:300px;margin-inline:auto;text-align:center}.signature-frame{display:block;width:472px;height:460px;margin-inline:auto;border:0;background:var(--color-canvas)}.empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--space-4);border:1px solid #d8dee6;border-radius:var(--radius-panel);color:var(--color-canvas-muted)}.empty-icon svg{width:26px;height:26px}.empty-title{margin:0;font-size:1rem;font-weight:600}.empty-description{margin-top:var(--space-2);color:var(--color-canvas-muted);font-size:0.875rem}.preview-note{margin:0 var(--space-5) var(--space-4);color:var(--color-muted);font-size:0.8125rem}.preview-help{display:flex;align-items:center;min-height:44px;margin:0 var(--space-5) var(--space-4);font-size:0.875rem;font-weight:600}.preview-state{margin-top:var(--space-5);margin-bottom:0;color:var(--color-text);font-weight:600}.availability-note{margin:0 var(--space-5) var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-muted);font-size:0.875rem}.availability-note strong{display:block;margin-bottom:var(--space-1);color:var(--color-text);font-weight:600}.details-form .availability-note{margin:var(--space-5) 0 0;padding:0;border:0;background:transparent;font-size:0.8125rem}.preview-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3);margin:0 var(--space-5) var(--space-4)}.export-options{min-width:180px;max-width:100%}.export-options summary{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-panel);font-size:0.875rem;font-weight:600;cursor:pointer}.export-options summary:hover{border-color:var(--color-muted);background:var(--color-surface)}.export-option-list{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.export-option-list .button{width:100%;justify-content:flex-start}.action-feedback{margin:0 var(--space-5) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:0.875rem;overflow-wrap:anywhere}.action-feedback[data-kind=error]{border-left:3px solid var(--color-primary)}.action-feedback:empty{margin:0;padding:0;border:0}.post-copy{margin:0 var(--space-5) var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:0.875rem}.success-next-step{font-weight:600}.post-copy p+p{margin-top:var(--space-2);color:var(--color-muted);font-size:0.8125rem}.setup-next{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-2);font-weight:600}.manual-dialog{width:min(760px,calc(100% - var(--space-6)));max-height:calc(100% - var(--space-6));padding:var(--space-5);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel);color:var(--color-text);box-shadow:0 12px 40px rgb(23 32 42 / 20%)}.manual-dialog::backdrop{background:rgb(23 32 42 / 45%)}.manual-heading h2{font-size:1.25rem}.manual-heading p{margin-top:var(--space-3);color:var(--color-muted);font-size:0.875rem}.manual-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.manual-toolbar label,#manual-guidance{flex-basis:100%;color:var(--color-muted);font-size:0.875rem}.manual-feedback{color:var(--color-text);font-size:0.875rem;overflow-wrap:anywhere}.manual-feedback:empty{margin:0}.manual-canvas-scroll{margin-top:var(--space-5);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-canvas)}.manual-frame{display:block;width:472px;height:460px;margin-inline:auto;border:0;background:var(--color-canvas)}.manual-text-alternative{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.manual-text-alternative summary{min-height:44px;padding-block:var(--space-2);font-size:0.875rem;font-weight:600;cursor:pointer}.manual-text-alternative p,.manual-text-alternative label{display:block;margin-top:var(--space-2);color:var(--color-muted);font-size:0.875rem}#manual-plain-text{display:block;width:100%;min-width:0;min-height:144px;margin-block:var(--space-3);padding:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-family:ui-monospace,"Cascadia Mono","Segoe UI Mono",monospace;font-size:0.875rem;line-height:1.5;resize:vertical}.workspace-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);color:var(--color-muted);font-size:0.8125rem}.developer-credit{display:inline-flex;align-items:center;min-height:44px}@media(min-width:801px){.preview-panel.is-sticky{position:sticky;top:var(--space-5)}}@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.workspace{grid-template-columns:minmax(0,1fr)}.jump-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 var(--space-5) var(--space-5);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:0.875rem;font-weight:600;text-decoration:none}}@media(max-width:560px){.app-width{width:calc(100% - var(--space-6))}.header-inner{padding-block:var(--space-3)}.brand{gap:var(--space-3)}.brand-suite{font-size:1rem}.brand-company{font-size:0.75rem}.tool-nav{width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.header-tools{width:100%;justify-content:space-between;gap:var(--space-3)}.appearance-control{justify-content:flex-end;width:100%}.nav-link{flex:1}main.app-width{padding-top:var(--space-5);padding-bottom:var(--space-6)}.workflow{gap:var(--space-3) var(--space-4)}.workflow li{font-size:0.8125rem}.panel-heading,.details-form,.setup-content{padding:var(--space-4)}.preview-scroll{margin:var(--space-4)}.preview-canvas{min-height:300px;padding:var(--space-4)}.empty-preview{min-height:268px}.preview-note,.preview-help,.preview-actions,.action-feedback,.post-copy,.preview-panel .availability-note,.remember-details,.company-details,.jump-link{margin-inline:var(--space-4)}.company-row{grid-template-columns:80px minmax(0,1fr)}.preview-actions>.button,.export-options{width:100%}.manual-dialog{padding:var(--space-4)}.manual-toolbar>.button{width:100%}.help-toolbar>.button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}