:root{font-family:Pretendard Variable,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;color:#242521;background:#f4f3ef;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #c95622;--accent-dark: #9d3c13;--ink: #242521;--muted: #6e716a;--line: #ddddd7;--panel: #fbfbf8;--sidebar: #22251f;--radius: 12px}*{box-sizing:border-box}html{background:#f4f3ef}body{margin:0;min-width:320px;min-height:100dvh;background:#f4f3ef}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:22px 14px 18px;display:flex;flex-direction:column;color:#f1f0e9;background:var(--sidebar);border-right:1px solid #373a32}.brand{appearance:none;border:0;width:100%;display:flex;gap:11px;align-items:center;padding:4px 7px 21px;background:transparent;color:inherit;text-align:left;cursor:pointer}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fffaf6}.brand-mark svg{width:22px;height:22px}.brand strong{display:block;font-size:16px;letter-spacing:-.03em}.brand small{display:block;margin-top:2px;color:#9da095;font-size:10px;letter-spacing:.02em}.sidebar-nav{display:grid;gap:4px;margin-top:14px}.sidebar-nav button{appearance:none;border:0;width:100%;height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:#b8bbb0;background:transparent;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .1s ease}.sidebar-nav button:hover{color:#f5f4ef;background:#2e312a}.sidebar-nav button:active{transform:translateY(1px)}.sidebar-nav button.active{color:#fffaf7;background:#363a31;box-shadow:inset 3px 0 0 var(--accent)}.sidebar-nav button svg{width:20px;height:20px}.sidebar-nav button span{font-size:13px;font-weight:650}.sidebar-help{margin-top:auto;display:grid;grid-template-columns:27px 1fr;gap:9px;padding:13px 11px;border:1px solid #41453b;border-radius:11px;background:#2b2e27}.sidebar-help>svg{color:#e18154}.sidebar-help strong,.sidebar-help span{display:block}.sidebar-help strong{font-size:11px;line-height:1.4;color:#eeede7}.sidebar-help span{margin-top:3px;font-size:9.5px;line-height:1.45;color:#999d91}.sidebar-footer{padding:16px 7px 0;font-size:8px;letter-spacing:.13em;color:#6f7369}.main-area{grid-column:2;min-width:0;padding:0 28px 44px}.page-header{position:sticky;top:0;z-index:10;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dcddd7;background:#f4f3eff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h1{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.04em}.page-header p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.page-header-actions{display:flex;gap:10px;align-items:center}.server-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border:1px solid #d4d6cf;border-radius:999px;color:#5f625b;background:#fafaf7;font-size:10.5px;white-space:nowrap}.semantic-dot{width:7px;height:7px;border-radius:50%;background:#858980;box-shadow:0 0 0 3px #e7e8e2}.server-pill.is-ready .semantic-dot{background:#3f8352;box-shadow:0 0 0 3px #dcecdf}.server-pill.is-warning .semantic-dot{background:#b66b2c;box-shadow:0 0 0 3px #f4e3d3}.compose-grid{display:grid;grid-template-columns:minmax(350px,385px) minmax(500px,1fr) minmax(235px,265px);gap:18px;align-items:start;padding-top:22px}.editor-panel,.action-panel,.history-panel,.settings-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 8px 28px #2a2d260b}.editor-panel{overflow:hidden}.panel-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e3e3dd;background:#f8f8f4}.panel-heading>div,.action-panel-top{display:flex;gap:10px;align-items:center}.panel-heading h2,.action-panel h2{margin:0;font-size:14px;letter-spacing:-.025em}.panel-heading p,.action-panel p{margin:3px 0 0;color:var(--muted);font-size:10px}.panel-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:var(--accent-dark);background:#f4dfd4}.panel-icon svg{width:19px;height:19px}.panel-icon.dark{color:#e18054;background:#363a32}.autosave{display:inline-flex;align-items:center;gap:4px;color:#7a7d75;font-size:9.5px}.autosave svg{width:14px}.form-stack{display:grid;gap:15px;padding:17px}.form-stack label,.settings-form label{font-size:11px;font-weight:650;color:#464941}.form-stack input,.form-stack textarea,.settings-form input{font-size:12px}.form-stack textarea{min-height:68px}.form-stack .notes-input textarea,textarea.notes-input{min-height:128px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.type-grid button,.tone-buttons button{appearance:none;border:1px solid #d9dad4;min-height:34px;border-radius:8px;color:#555850;background:#fff;font-size:10.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .1s ease}.type-grid button:hover,.tone-buttons button:hover{border-color:#ba9a89}.type-grid button:active,.tone-buttons button:active{transform:translateY(1px)}.type-grid button.selected,.tone-buttons button.selected{border-color:var(--accent);color:#8f3510;background:#fff1e9;box-shadow:inset 0 0 0 1px #c9562214}.tone-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ai-button{width:100%;min-height:46px;margin-top:2px;font-weight:700}.preview-wrap{min-width:0}.preview-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.preview-toolbar>div{display:flex;align-items:center;gap:7px;color:#54574f;font-size:11px;font-weight:650}.preview-toolbar svg{width:17px}.paper{position:relative;width:100%;max-width:630px;aspect-ratio:210 / 297;min-height:750px;margin:0 auto;padding:6.3% 7.5% 7.2%;overflow:hidden;color:#20211e;background:#fff;border:1px solid #d8d8d2;box-shadow:0 18px 46px #23261f1f,0 2px 5px #23261f0d}.paper-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.paper-company{display:flex;align-items:center;gap:10px}.paper-logo{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--accent);font-size:14px;font-weight:800}.paper-company strong,.paper-company span{display:block}.paper-company strong{font-size:clamp(12px,1.25vw,17px);letter-spacing:-.045em}.paper-company div span{margin-top:2px;color:#8a8c85;font-size:6px;letter-spacing:.12em}.paper-contact{display:grid;gap:3px;color:#767971;font-size:clamp(6px,.55vw,8px);line-height:1.35;text-align:right}.paper-rule{height:3px;margin:12px 0 21px;background:#252722;box-shadow:38px 0 0 var(--accent)}.paper h2{margin:0 0 24px;text-align:center;font-size:clamp(19px,2.15vw,29px);letter-spacing:.34em;font-family:Batang,바탕,serif}.paper-meta{margin:0;font-size:clamp(7px,.72vw,10px)}.paper-meta>div{display:grid;grid-template-columns:66px 1fr;min-height:23px;align-items:center;border-bottom:1px solid #e5e5e1}.paper-meta dt{color:#63665f;font-weight:700}.paper-meta dd{margin:0}.paper-subject{display:grid;grid-template-columns:66px 1fr;align-items:center;min-height:31px;margin:10px 0 22px;padding:0 9px 0 0;border-top:2px solid #292b26;border-bottom:1px solid #292b26;font-size:clamp(7px,.76vw,10.5px)}.paper-subject span{font-weight:700}.paper-subject strong{letter-spacing:-.025em}.paper-body{font-family:Batang,바탕,serif;font-size:clamp(8px,.78vw,10.5px);line-height:1.85}.paper-body>p{margin:0 0 8px;text-align:justify}.paper-request-block{margin:3px 0 8px 20px;padding:5px 10px;background:#f7f7f4}.paper-request-block p{margin:2px 0}.paper-attachments{display:grid;grid-template-columns:38px 1fr;column-gap:4px;margin-top:13px}.paper-attachments strong{grid-row:1 / span 5}.paper-end{text-align:right!important;font-weight:700}.paper-sender{position:absolute;left:10%;right:10%;bottom:12.5%;display:flex;justify-content:center;align-items:baseline;gap:12px}.paper-sender strong{font-size:clamp(14px,1.6vw,22px);letter-spacing:.15em}.paper-sender span{font-size:clamp(7px,.62vw,9px)}.paper-footer{position:absolute;left:7.5%;right:7.5%;bottom:5.2%;display:flex;justify-content:space-between;gap:14px;padding-top:7px;border-top:1px solid #c7c8c1;color:#7d8078;font-size:clamp(5px,.48vw,7px)}.action-panel{position:sticky;top:112px;padding:16px;color:#f2f1eb;background:#262923;border-color:#34372f;box-shadow:0 12px 35px #20231d1f}.action-panel-top{padding-bottom:15px;border-bottom:1px solid #3b3f36}.action-panel h2{color:#f5f4ee}.action-panel p{color:#9da095}.format-list{display:grid;gap:1px;margin:13px 0}.format-list>div{min-height:53px;display:grid;grid-template-columns:36px 1fr 18px;gap:9px;align-items:center;border-bottom:1px solid #383c33}.format-list>div:last-child{border-bottom:0}.format-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#eeb296;background:#3a342f;font-size:12px;font-weight:800}.format-icon svg{width:18px}.format-list strong,.format-list small{display:block}.format-list strong{font-size:11px}.format-list small{margin-top:2px;color:#95998e;font-size:9px}.format-list>div>svg{width:16px;color:#6da179}.action-summary{padding:11px 12px;margin:13px 0;border-radius:9px;color:#c8cbc1;background:#31342d}.action-summary span,.action-summary strong{display:block}.action-summary span{color:#92968b;font-size:8.5px}.action-summary strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.action-panel>button{width:100%;min-height:43px;font-weight:700}.privacy-note{display:flex;gap:6px;align-items:flex-start;margin:12px 2px 0!important;color:#83877c!important;font-size:8.5px!important;line-height:1.5}.privacy-note svg{width:14px;flex:0 0 auto}.download-box{display:grid;gap:7px;margin-top:16px;padding-top:15px;border-top:1px solid #3b3f36}.download-box>div:first-child{display:flex;align-items:center;gap:7px;color:#e9ece5;font-size:10px}.download-box>div:first-child svg{width:17px;color:#72a97e}.file-download{display:grid;grid-template-columns:34px 1fr 17px;align-items:center;gap:8px;padding:8px;border-radius:8px;color:#dfe1d9;background:#31342d;text-decoration:none}.file-download:hover{background:#383c33}.file-download>span{display:grid;place-items:center;width:31px;height:28px;border-radius:6px;color:#efae8e;background:#45372f;font-size:8px;font-weight:800}.file-download strong,.file-download small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-download strong{max-width:145px;font-size:8.5px}.file-download small{margin-top:2px;color:#8e9287;font-size:7.5px}.file-download>svg{width:15px}.zip-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #53584b;border-radius:8px;color:#eff0eb;text-decoration:none;font-size:9px}.zip-link:hover{border-color:#7b8172;background:#30332c}.zip-link svg{width:14px}.mail-jump-link{min-height:36px;display:grid;grid-template-columns:18px 1fr 15px;gap:7px;align-items:center;padding:0 10px;border-radius:8px;color:#fff7f2;background:var(--accent-dark);text-decoration:none;font-size:9px;font-weight:750}.mail-jump-link:hover{background:#ad451d}.mail-jump-link svg{width:15px}.warning-text{color:#e7b17d;font-size:8px;line-height:1.45}.mail-station{grid-column:1 / -1;scroll-margin-top:112px;overflow:hidden;border:1px solid #d5d6cf;border-radius:14px;background:#fbfbf8;box-shadow:0 16px 42px #2a2d2612}.mail-station-header{min-height:106px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 22px;color:#f4f3ed;background:#292c26}.dispatch-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #5b4a3e;border-radius:11px;color:#f0a37f;background:#3b342e}.dispatch-mark svg{width:25px;height:25px}.mail-station-header .eyebrow{display:block;margin-bottom:5px;color:#df875e;font-size:8px;font-weight:800;letter-spacing:.15em}.mail-station-header h2{margin:0;font-size:17px;letter-spacing:-.035em}.mail-station-header p{margin:5px 0 0;color:#a9aca2;font-size:10px}.mail-account-state{min-height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #474b41;border-radius:999px;color:#bcc0b5;background:#32362e;font-size:9px;white-space:nowrap}.mail-account-state.is-ready .semantic-dot{background:#70b17e;box-shadow:0 0 0 3px #3e5140}.mail-account-state.is-warning .semantic-dot{background:#d28b51;box-shadow:0 0 0 3px #594637}.dispatch-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dedfd8;background:#f4f4ef}.dispatch-step{min-height:66px;display:grid;grid-template-columns:32px 1fr 18px;gap:9px;align-items:center;padding:10px 20px;border-right:1px solid #dedfd8;color:#8b8e85}.dispatch-step:last-child{border-right:0}.dispatch-step>span:first-child{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d1d3cb;border-radius:50%;color:#8b8e86;background:#fff;font-size:8px;font-weight:800}.dispatch-step strong,.dispatch-step small{display:block}.dispatch-step strong{color:#555850;font-size:10.5px}.dispatch-step small{margin-top:3px;font-size:8px}.dispatch-step>svg{width:16px}.dispatch-step.is-done>span:first-child{border-color:#bfd5c2;color:#397148;background:#e7f1e8}.dispatch-step.is-done>svg{color:#4e8b5d}.dispatch-step.is-current{color:#ad4d25;background:#fff8f3;box-shadow:inset 0 -2px 0 var(--accent)}.dispatch-step.is-current>span:first-child{border-color:#e0a98e;color:#9c3f18;background:#fff0e8}.dispatch-step.is-current strong{color:#7f3213}.mail-compose-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(380px,1.3fr) minmax(260px,.85fr);align-items:stretch}.mail-address-fields,.mail-message-fields,.mail-attachment-panel{padding:22px}.mail-address-fields,.mail-message-fields{display:grid;align-content:start;gap:15px;border-right:1px solid #e1e2dc}.mail-section-label{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:1px;border-bottom:1px solid #e4e5df}.mail-section-label span{display:inline-flex;align-items:center;gap:5px;color:#30322d;font-size:10px;font-weight:800}.mail-section-label span svg{width:14px;color:var(--accent)}.mail-section-label small{color:#969990;font-size:7.5px;letter-spacing:.08em}.mail-address-fields label,.mail-message-fields label{color:#50534c;font-size:10px;font-weight:700}.mail-address-fields input,.mail-message-fields input,.mail-message-fields textarea{font-size:11px}.mail-message-fields textarea{min-height:178px;line-height:1.65}.secure-account-line{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #dedfd9;border-radius:9px;background:#f6f6f1}.secure-account-line>svg{width:18px;height:18px;color:#6d7467}.secure-account-line strong,.secure-account-line span{display:block}.secure-account-line strong{color:#454841;font-size:9px}.secure-account-line span{margin-top:2px;color:#85887f;font-size:7.5px;line-height:1.4}.credential-note{display:flex;gap:6px;align-items:center;margin:-5px 1px 0;color:#708074;font-size:7.5px}.credential-note svg{width:13px}.mail-attachment-panel{display:flex;flex-direction:column;min-width:0;background:#f8f8f4}.attachment-choice-list{display:grid;gap:7px;margin:14px 0}.attachment-choice-list button{appearance:none;width:100%;min-width:0;min-height:55px;display:grid;grid-template-columns:37px minmax(0,1fr) 17px;gap:9px;align-items:center;padding:8px;border:1px solid #dcded6;border-radius:9px;color:#70736b;background:#fff;text-align:left;cursor:pointer}.attachment-choice-list button:hover{border-color:#c5a18e}.attachment-choice-list button.is-selected{border-color:#d68a66;color:#9b401a;background:#fff5ef;box-shadow:inset 0 0 0 1px #c956220f}.attachment-type{width:34px;height:31px;display:grid;place-items:center;border-radius:6px;color:#a13e16;background:#f4dfd4;font-size:7.5px;font-weight:850}.attachment-choice-list strong,.attachment-choice-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-choice-list strong{color:#444740;font-size:8.5px}.attachment-choice-list small{margin-top:3px;color:#8b8e85;font-size:7.5px}.attachment-choice-list button>svg{width:16px}.draft-safety-note{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:11px;margin:auto 0 13px;border-left:2px solid #688570;color:#59625a;background:#edf1eb}.draft-safety-note>svg{width:18px;color:#587462}.draft-safety-note p{margin:0}.draft-safety-note strong,.draft-safety-note span{display:block}.draft-safety-note strong{font-size:8.5px}.draft-safety-note span{margin-top:3px;color:#798078;font-size:7.5px;line-height:1.45}.mail-attachment-panel>button{width:100%;min-height:44px;font-size:10px;font-weight:750}.mail-save-result{min-height:62px;display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:center;padding:10px 22px;border-top:1px solid #cadece;color:#345942;background:#e8f2e9}.mail-save-result>svg{width:25px;height:25px;color:#4f8b5d}.mail-save-result strong,.mail-save-result span{display:block}.mail-save-result strong{font-size:10.5px}.mail-save-result span{margin-top:3px;color:#67806c;font-size:8.5px}.mail-save-result small{color:#6e7c70;font-size:8px}.state-panel{min-height:430px;margin-top:22px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #c9cac3;border-radius:var(--radius);color:#74776f;background:#ffffff59;text-align:center}.state-panel>svg{width:42px;height:42px;color:#a3a69d}.state-panel h2{margin:7px 0 0;color:#42443f;font-size:16px}.state-panel p{margin:0;font-size:11px}.history-panel{margin-top:22px;overflow:hidden}.history-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e0e1db}.history-toolbar strong{font-size:12px}.history-list{display:grid}.history-row{min-height:82px;display:grid;grid-template-columns:42px minmax(250px,1fr) 165px auto;gap:13px;align-items:center;padding:13px 17px;border-bottom:1px solid #e5e5df}.history-row:last-child{border-bottom:0}.history-doc-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;color:#9e3c14;background:#f7e4da}.history-primary span,.history-primary strong,.history-primary small{display:block}.history-primary span{color:var(--accent-dark);font-size:8.5px;font-weight:700}.history-primary strong{margin-top:4px;font-size:12px}.history-primary small{margin-top:4px;color:#74776f;font-size:9px}.history-row time{color:#777a72;font-size:9.5px}.history-files{display:flex;gap:5px}.history-files a{min-width:38px;padding:6px 7px;border:1px solid #d8dad3;border-radius:7px;color:#555850;background:#fff;text-align:center;text-decoration:none;font-size:8px;font-weight:700}.history-files a:hover{border-color:#bd8468;color:#963610}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.template-card{display:grid;grid-template-columns:155px 1fr;min-height:190px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fbfbf8;box-shadow:0 8px 26px #2a2d260a}.template-visual{position:relative;display:grid;place-items:center;align-content:center;gap:12px;overflow:hidden;color:#fff;background:#484d42}.template-visual:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.template-visual svg{width:43px;height:43px}.template-visual span{font-size:10px;font-weight:700;letter-spacing:.08em}.template-visual.variant-2{background:#6a7064}.template-visual.variant-3{background:#5a4539}.template-visual.variant-4{background:#404b47}.template-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px}.template-body h2{margin:0;font-size:15px;letter-spacing:-.035em}.template-body p{margin:9px 0 18px;max-width:42ch;color:#6f726a;font-size:10.5px;line-height:1.6}.template-body button{margin-top:auto}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:22px;align-items:start}.settings-form{padding:22px}.settings-section-heading{display:flex;gap:12px;align-items:center;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e1e2dc}.settings-section-heading>svg{width:32px;height:32px;color:var(--accent)}.settings-section-heading h2{margin:0;font-size:15px}.settings-section-heading p{margin:5px 0 0;color:#74776f;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.settings-grid .span-2{grid-column:1 / -1}.letterhead-sample{min-height:370px;padding:34px 29px;color:#272923;background:#fff;border:1px solid #d9dad4;box-shadow:0 14px 38px #2629221a}.letterhead-sample>span{color:#9a9d94;font-size:7px;letter-spacing:.16em}.letterhead-sample>strong{display:block;margin-top:24px;font-size:22px;letter-spacing:-.04em}.letterhead-sample p{margin:9px 0 0;color:#74776f;font-size:9px}.letterhead-sample div{height:3px;margin:25px 0 17px;background:#292b26;box-shadow:52px 0 0 var(--accent)}.letterhead-sample small{font-size:9px}@media(max-width:1390px){.compose-grid{grid-template-columns:minmax(340px,380px) minmax(470px,1fr)}.action-panel{position:static;grid-column:1 / -1;display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:18px;align-items:center}.action-panel-top{border:0;padding:0}.format-list{grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.format-list>div{grid-template-columns:34px 1fr;border:0}.format-list>div>svg{display:none}.action-summary,.privacy-note{display:none!important}.download-box{grid-column:1 / -1}}@media(max-width:1040px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px;align-items:center;padding-inline:9px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child,.sidebar-nav button span,.sidebar-help,.sidebar-footer{display:none}.sidebar-nav{width:100%}.sidebar-nav button{justify-content:center;padding:0}.main-area{grid-column:2;padding-inline:20px}.compose-grid{grid-template-columns:minmax(330px,390px) minmax(430px,1fr)}.settings-layout{grid-template-columns:1fr}.letterhead-sample{display:none}.mail-compose-grid{grid-template-columns:1fr 1.25fr}.mail-message-fields{border-right:0}.mail-attachment-panel{grid-column:1 / -1;border-top:1px solid #e1e2dc}.attachment-choice-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:9px 12px;z-index:2}.brand{width:auto;padding:0 12px 0 0}.brand-mark{width:34px;height:34px}.sidebar-nav{width:auto;display:flex;margin:0 0 0 auto}.sidebar-nav button{width:42px;height:38px}.sidebar-nav button.active{box-shadow:inset 0 -3px 0 var(--accent)}.main-area{padding:0 14px 30px}.page-header{min-height:82px}.page-header h1{font-size:20px}.page-header p,.server-pill{display:none}.compose-grid{grid-template-columns:1fr}.preview-wrap{order:3}.action-panel{grid-column:auto;grid-template-columns:1fr;order:2}.mail-station{order:4}.format-list{grid-template-columns:repeat(2,1fr)}.paper{max-width:640px;min-height:0}.template-grid{grid-template-columns:1fr}.history-row{grid-template-columns:42px 1fr auto}.history-row time{display:none}.mail-station-header{grid-template-columns:42px 1fr}.mail-account-state{grid-column:1 / -1;justify-self:start}.mail-compose-grid{grid-template-columns:1fr}.mail-address-fields,.mail-message-fields{border-right:0;border-bottom:1px solid #e1e2dc}.mail-attachment-panel{grid-column:auto;border-top:0}.attachment-choice-list{grid-template-columns:1fr}}@media(max-width:560px){.page-header-actions button{min-width:38px}.field-pair,.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.type-grid{grid-template-columns:repeat(2,1fr)}.template-card{grid-template-columns:1fr}.template-visual{min-height:125px}.format-list{grid-template-columns:1fr}.history-row{grid-template-columns:38px 1fr}.history-files{grid-column:2}.dispatch-steps{grid-template-columns:1fr}.dispatch-step{border-right:0;border-bottom:1px solid #dedfd8}.dispatch-step:last-child{border-bottom:0}.mail-save-result{grid-template-columns:28px 1fr}.mail-save-result small{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}