.letters-main{--letter-green:#456230}.letter-heading h1{font-size:34px}.letter-heading .heading-actions{flex-wrap:wrap}.letter-loading{padding:60px;text-align:center;color:var(--muted)}.letter-status{font-size:10px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;background:#f0f1ee;color:#6b7168}.letter-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.letter-status.reviewed{background:#edf4e3;color:#46662a}.letter-status.posted{background:#eef1f8;color:#4e618e}.letter-library-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0 18px}.letter-tabs{display:flex;gap:4px;flex-wrap:wrap}.letter-tabs button{padding:9px 12px;border:1px solid transparent;border-radius:6px;color:#737c6c;font-size:12px;white-space:nowrap}.letter-tabs button.active{background:white;border-color:var(--line);color:var(--ink);box-shadow:0 1px 2px #00000006}.letter-tabs span{font-size:10px;padding:2px 5px;margin-left:6px;background:#e9ece3;border-radius:4px}.letter-search{display:flex;gap:9px;align-items:center;background:white;border:1px solid var(--line);padding:10px 12px;border-radius:7px;min-width:220px}.letter-search svg{width:16px;height:16px;color:var(--muted)}.letter-search input{width:100%;outline:none;border:0;background:none;font-size:12px;min-width:0}.letter-list{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.letter-list-row{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.letter-list-row:last-child{border-bottom:0}.letter-list-row:hover{background:#fafbf8}.letter-select input{accent-color:#456230;width:15px;height:15px}.letter-document-icon{width:44px;height:48px;background:#f1f4eb;border:1px solid #e3e9da;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#526845;flex-shrink:0}.letter-document-icon svg{width:21px;height:21px}.letter-list-copy{flex:1;text-align:left;min-width:0}.letter-list-copy strong{display:block;font-size:14px;font-weight:500;line-height:1.5}.letter-list-copy>span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px;margin-top:6px}.letter-list-copy i{font-style:normal;margin:0 5px}.letter-row-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.letter-row-state small{font-size:10px;color:var(--muted)}#letter-bulk:not(:empty){display:flex;align-items:center;gap:15px;padding:12px 18px;background:#eaf2df;border-radius:8px;margin-bottom:14px;font-size:12px}.letter-service-note{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted)}.letter-service-note>svg{width:19px;height:19px;flex-shrink:0}.letter-service-note strong{font-size:12px;color:#4c5848;font-weight:500}.letter-service-note p{font-size:12px;line-height:1.7;margin:5px 0}.letter-empty{background:white;min-height:370px;border:1px solid var(--line);border-radius:12px;display:flex;gap:70px;align-items:center;justify-content:center;padding:50px}.letter-empty>div:last-child{max-width:430px}.letter-empty h2{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}.letter-empty p{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 0 24px}.letter-empty .text-button{display:flex;margin-top:18px}.letter-empty-paper{width:150px;height:210px;border:1px solid #e5e8de;background:#fdfefb;box-shadow:-15px 15px 0 #eef2e7,0 8px 18px #26311c0a;padding:22px;transform:rotate(-5deg);flex-shrink:0}.letter-empty-paper span{font-size:8px;font-weight:700;display:block;border-bottom:2px solid #709747;padding-bottom:8px;margin-bottom:20px}.letter-empty-paper i{display:block;height:3px;background:#e5e9de;margin:7px 0}.letter-empty-paper i:nth-child(3n){width:70%}.letter-empty-paper b{display:block;font-size:9px;margin-top:20px}.letter-start-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.letter-panel{padding:28px;border:1px solid var(--line);border-radius:10px;background:white}.letter-panel h2{font-size:22px;letter-spacing:-.5px;margin-bottom:10px}.letter-panel h3{font-size:16px;margin-bottom:8px}.letter-panel>p,.letter-panel>aside p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:22px}.letter-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.letter-find{display:flex;gap:10px;margin:22px 0}.letter-find input{min-width:0;flex:1;border:1px solid #dce1d5;border-radius:6px;padding:11px;font-size:12px}.letter-found{display:block;text-align:left;width:100%;border-top:1px solid var(--line);padding:17px 0}.letter-found strong{font-size:13px;font-weight:500;line-height:1.6;display:block}.letter-found span{display:flex;align-items:center;color:var(--muted);font-size:11px;margin-top:8px}.letter-found svg{width:15px;height:15px;margin-left:auto}.letter-overline{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#748367;display:block;margin-bottom:10px}.letter-form-width{max-width:650px}.letter-field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.letter-field>span{font-size:12px;color:#46513f;font-weight:500}.letter-field input,.letter-field textarea,.letter-field select{width:100%;padding:10px 11px;border:1px solid #dce1d5;border-radius:6px;background:#fff;font:inherit;font-size:13px;line-height:1.5;min-width:0;color:var(--ink)}.letter-field textarea{resize:vertical;min-height:65px}.letter-field input:focus,.letter-field textarea:focus,.letter-field select:focus{outline:2px solid #8ea678;outline-offset:2px}.letter-field input[type=color]{height:40px;padding:4px;width:85px}.letter-field small{font-size:11px;line-height:1.6;color:var(--muted)}.letter-field :disabled{background:#f4f5f0;color:#76816d}.letter-editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}.letter-editor-top>.text-button>svg{transform:rotate(180deg);width:14px;height:14px}.letter-editor-top>div{display:flex;gap:9px;align-items:center}.letter-editor-top #letter-save-state{font-size:11px;color:var(--muted);margin-right:5px}.letter-editor-top .button{padding:10px 14px;font-size:12px}.letter-editor-layout{display:grid;grid-template-columns:minmax(285px,340px) minmax(0,1fr);gap:25px;align-items:start}.letter-controls{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.letter-editor-tabs{display:flex;border-bottom:1px solid var(--line);padding:5px 17px 0;gap:20px}.letter-editor-tabs button{padding:14px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.letter-editor-tabs button.active{color:var(--ink);border-color:#718953}.letter-fold{border-bottom:1px solid var(--line)}.letter-fold summary{padding:20px;font-size:13px;font-weight:500;cursor:pointer;display:flex;gap:12px;align-items:center}.letter-fold summary:after{content:'+';margin-left:auto;color:var(--muted)}.letter-fold[open] summary:after{content:'−'}.letter-fold summary>span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#849277}.letter-fold-body{padding:0 20px 6px}.letter-fold-body .small-note{margin-top:0}.letter-fold-body>.button{margin-bottom:18px;font-size:11px;width:100%;justify-content:center}.letter-confirm{display:flex;gap:9px;margin:5px 0 20px;align-items:flex-start;font-size:11px;line-height:1.7;color:#5d6c52}.letter-confirm input{width:15px;height:15px;margin-top:2px;accent-color:#486333;flex-shrink:0}.letter-preview-toolbar{display:flex;justify-content:space-between;color:#78836f;font-size:10px;letter-spacing:.3px;margin:0 0 14px;padding:0 2px}.letter-preview-area{min-width:0}.letter-paper{--letter-accent:#456230;background:white;border:1px solid #e4e7de;box-shadow:0 4px 14px #2b321b07;padding:7.6%;min-height:760px;font-size:12px;line-height:1.65;overflow-wrap:anywhere;color:#263021}.paper-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:3px solid var(--letter-accent);padding-bottom:22px;margin-bottom:26px}.letter-paper.classic .paper-header{border-bottom-width:1px}.paper-header>div:first-child{flex:1;min-width:0}.paper-header strong{display:block;font-size:19px;letter-spacing:-.5px;line-height:1.3;color:var(--letter-accent)}.paper-header img{display:block;max-width:170px;max-height:65px;object-fit:contain;object-position:left;margin-bottom:10px}.paper-sender{font-size:9px;line-height:1.7;text-align:right;max-width:48%;color:#65715c}.paper-address{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.paper-address>div{flex:1}.paper-address time{font-size:10px;white-space:nowrap;color:#65715c}.paper-copy h2{font-size:13px;line-height:1.65;margin:19px 0;font-weight:700}.paper-copy p{margin-bottom:16px;white-space:normal}.paper-signature{margin-top:24px}.paper-signature strong,.paper-signature span{display:block}.paper-signature span{font-size:11px;color:#65715c}.letter-paper footer{border-top:1px solid #e9ece2;margin-top:50px;padding-top:12px;font-size:8px;color:#808975}.letter-proof-note{font-size:10px;line-height:1.7;text-align:center;color:#8c9385;margin:12px 0 20px}.letter-checklist{padding:21px;background:#f8faf4}.letter-checklist h3{font-size:12px;margin-bottom:10px}.letter-checklist ul{padding-left:16px}.letter-checklist li,.letter-checklist p{font-size:11px;line-height:1.8;color:#707d64}.letter-source-brief{padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#eff2e9;margin-top:20px}.letter-source-brief strong{font-size:13px;line-height:1.6;display:block}.letter-source-brief p{font-size:11px;color:var(--muted);line-height:1.7;margin:7px 0}.letter-source-brief .text-button{font-size:11px;margin-top:12px}.letter-history{margin-top:24px;font-size:11px;color:var(--muted)}.letter-history summary{cursor:pointer;padding:10px 0}.letter-history p{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);gap:10px}.letter-history span{font-size:10px}.letter-ready-panel{display:flex;gap:10px;flex-wrap:wrap;background:#e9f2df;border:1px solid #d2e1c2;border-radius:8px;padding:22px;margin-top:24px}.letter-ready-panel>div{flex-basis:100%;position:relative}.letter-ready-panel h3{font-size:17px;margin:0 0 7px}.letter-ready-panel p{font-size:12px;line-height:1.7;color:#5d7150;margin-bottom:10px}.letter-ready-panel>div>svg{position:absolute;width:20px;height:20px;right:0}.letter-ready-panel .button{font-size:12px}.letter-error{padding:15px 18px;border:1px solid #e4bfb7;background:#fff5f2;color:#8a3b2a;border-radius:7px;margin-bottom:20px;font-size:12px;line-height:1.7}.letter-error .button{margin:10px 0 0;display:block;font-size:11px}.letter-confirm-panel{border:1px solid #d8dfce;border-radius:8px;padding:20px;margin-top:16px;background:white}.letter-confirm-panel p{font-size:12px;line-height:1.7;margin-bottom:16px}#letter-assistant-controls{padding:22px 20px}.letter-ai-intro>svg{width:24px;height:24px;color:#637e4a;margin-bottom:12px}.letter-ai-intro h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px}.letter-ai-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}#letter-assistant-controls>.button{width:100%;justify-content:center}.letter-ai-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 22px}.letter-ai-shortcuts button{padding:5px 8px;border:1px solid var(--line);border-radius:5px;font-size:10px;color:#637756}.letter-ai-progress{text-align:center;padding:25px 0;font-size:12px;color:var(--muted)}.letter-ai-progress .spinner{display:block;margin:0 auto 18px}.letter-ai-progress strong{display:block;color:var(--ink);margin-bottom:10px}.letter-ai-progress p{font-size:11px;line-height:1.8}.letter-ai-result{border-top:1px solid var(--line);padding-top:20px}.letter-ai-result h3{font-size:14px;line-height:1.7;margin-bottom:15px}.letter-ai-result>p{font-size:12px;line-height:1.9;margin-bottom:15px;white-space:pre-line}.letter-ai-notes{padding:14px;background:#f3f5ec;border-radius:7px;margin:18px 0;font-size:11px;line-height:1.8}.letter-ai-notes ul{padding-left:17px;margin-top:8px}.brand-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}.brand-logo-box{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.brand-logo-box p{font-size:11px;color:var(--muted);margin-bottom:12px}.brand-logo-box .button{font-size:11px;padding:8px 12px}.brand-logo-box .button input{display:none}#brand-logo-preview{width:145px;min-height:95px;border:1px dashed #ced7c1;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:12px;font-size:11px;color:#859079;flex-shrink:0}#brand-logo-preview img{max-height:85px;max-width:100%}.letter-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.brand-explainer{padding:35px 5px;position:sticky;top:80px}.brand-explainer h2{font-size:38px;line-height:1.1;letter-spacing:-1.3px;margin:16px 0 24px}.brand-explainer p{font-size:13px;line-height:1.9;color:var(--muted);max-width:350px}.brand-explainer ol{margin:25px 0;padding-left:18px;font-size:13px;line-height:2;color:#526445}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{display:flex;flex-direction:column;padding:25px;background:white;border:1px solid var(--line);border-radius:10px}.template-card h2{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin-bottom:15px}.template-card p{font-size:12px;line-height:1.85;color:var(--muted);white-space:pre-line;margin-bottom:25px;overflow-wrap:anywhere}.template-card>div{margin-top:auto;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.template-card .button,.template-card .text-button{font-size:11px}.template-tokens{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 23px}.template-tokens code{font-size:10px;background:#eef2e7;padding:5px;border-radius:4px}#letter-template-form-host:not(:empty){margin-bottom:24px}.letters-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:var(--muted);gap:10px}.letters-pagination>div{display:flex;gap:8px}.letters-pagination .button{font-size:11px;padding:8px 12px}
@media(min-width:1600px){.letter-editor-layout{grid-template-columns:360px minmax(0,800px);justify-content:center;gap:40px}.letter-paper{font-size:14px;min-height:1000px}.paper-sender{font-size:10px}.paper-copy h2{font-size:15px}}
@media(max-width:1250px){.letter-editor-layout{grid-template-columns:minmax(255px,300px) minmax(0,1fr);gap:18px}.letter-editor-top{align-items:flex-start}.letter-paper{font-size:11px;padding:7%;min-height:680px}.paper-header{gap:10px}.paper-header strong{font-size:17px}.paper-header img{max-width:115px}.paper-sender{font-size:8px}.paper-address time{font-size:8px}.letter-library-tools{flex-wrap:wrap}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-layout{gap:24px}.letter-empty{gap:40px;padding:35px}.letter-row-state small{display:none}}
@media(max-width:1000px){.letter-editor-layout{grid-template-columns:1fr}.letter-controls{max-width:none}.letter-preview-area{max-width:720px;margin:5px auto;width:100%}.letter-paper{font-size:13px;min-height:850px}.paper-header strong{font-size:22px}.paper-sender{font-size:10px}.paper-address time{font-size:10px}.letter-start-layout,.brand-layout{grid-template-columns:1fr}.brand-explainer{position:static;padding:10px}.brand-explainer h2{font-size:30px}.brand-explainer p{max-width:none}.letter-list-row{gap:12px;padding:17px}.letter-document-icon{width:34px;height:40px}}
@media(max-width:650px){.letter-heading h1{font-size:30px}.letter-heading .heading-actions{width:100%;gap:8px}.letter-heading .heading-actions .button{font-size:11px;flex:1;justify-content:center;white-space:nowrap;padding:10px}.letter-library-tools{gap:14px;margin-top:20px}.letter-tabs{gap:1px;width:100%;justify-content:space-between}.letter-tabs button{padding:7px 5px;font-size:11px}.letter-tabs span{margin-left:3px;font-size:9px;padding:2px 3px}.letter-search{width:100%}.letter-list-row{padding:15px 12px;gap:10px;position:relative}.letter-list-copy strong{font-size:12px}.letter-list-copy>span{font-size:10px}.letter-document-icon{display:none}.letter-row-state{max-width:80px}.letter-status{font-size:9px;padding:4px 6px}.letter-list-row>.icon-button{display:none}.letter-empty{flex-direction:column;gap:32px;padding:35px 25px;text-align:center}.letter-empty-paper{width:120px;height:160px;padding:16px}.letter-empty-paper i{margin:5px 0}.letter-empty-paper b{margin-top:12px}.letter-empty .text-button{margin-left:auto;margin-right:auto}.letter-empty h2{font-size:24px}.letter-panel{padding:22px 18px}.letter-form-grid{grid-template-columns:1fr}.brand-logo-box{gap:12px}#brand-logo-preview{width:105px}.letter-editor-top{gap:13px;margin-bottom:18px}.letter-editor-top>div:last-child{width:100%;display:flex}.letter-editor-top .button{flex:1;justify-content:center;font-size:10px;padding:10px 8px}.letter-editor-top #letter-save-state{font-size:10px}.letter-editor-layout{gap:20px}.letter-paper{padding:7%;font-size:10px;min-height:590px}.paper-header strong{font-size:15px}.paper-header img{max-width:100px;max-height:45px}.paper-header{padding-bottom:16px;margin-bottom:20px}.paper-sender{font-size:7px}.paper-address{gap:10px}.paper-address time{font-size:7px}.paper-copy h2{font-size:11px}.paper-signature span{font-size:9px}.letter-proof-note{font-size:9px}.template-grid{grid-template-columns:1fr}.letter-ready-panel{padding:18px}.letter-ready-panel .button{width:100%;justify-content:center}#letter-bulk:not(:empty){flex-wrap:wrap}.letters-pagination{align-items:flex-start}.letter-service-note{margin-top:24px}.letter-editor-top>.text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workspace-metrics>button{transition:none}}