:root{--ink:#17211e;--muted:#68736f;--line:#dfe5e1;--canvas:#f2f4f1;--green:#0c5b4d;--deep:#07463c;--soft:#e8f1ed;--gold:#c6913d;--gold-soft:#fbf2df;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% -8%, #c6913d17, transparent 28rem), var(--canvas);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:30;background:linear-gradient(180deg, #ffffff0f, transparent 12rem), var(--deep);color:#fff;border-left:1px solid #1d665a;flex-direction:column;width:292px;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.brand{align-items:center;gap:12px;padding:24px 22px 18px;display:flex}.brand-mark{background:var(--gold);color:#1f2b27;border:1px solid #ffffff42;border-radius:13px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:900;display:grid;box-shadow:0 8px 24px #00000024}.brand div{flex-direction:column;gap:3px;display:flex}.brand strong{font-size:21px}.brand small{color:#ffffffad;font-size:12px}.close-menu{color:#fff;background:0 0;border:0;margin-right:auto;font-size:30px;display:none}.search{background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;margin:0 18px 20px;padding:0 12px;display:flex}.search span{color:var(--gold);font-size:23px}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:11px 0 12px;font-size:14px}.search input::placeholder{color:#ffffff80}.sidebar nav{padding:0 12px 18px}.nav-group{margin-bottom:8px}.nav-group .category-toggle{color:#fff;text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:41px;padding:9px 12px;font-size:13px;display:flex}.nav-group .category-toggle:hover{background:#ffffff17}.category-toggle strong{font-size:inherit}.category-toggle>span{color:var(--gold);font-size:20px;font-weight:400}.category-items{padding:4px 5px 8px}.category-items>button{color:#ffffffc2;text-align:right;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin:2px 0;padding:10px 12px;font-size:14px;transition:all .16s;display:flex}.category-items>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.category-items>button>span small{color:#ffffff7a;font-size:9px;font-weight:600}.category-items>button.active>span small{color:#557169}.category-items>button:hover{color:#fff;background:#ffffff12}.category-items>button.active{color:var(--deep);background:#fff;font-weight:800;box-shadow:0 8px 22px #0000001f}.category-items>button i{color:var(--gold);opacity:0;font-style:normal}.category-items>button.active i{opacity:1}.hidden-templates{border:1px solid #ffffff1f;border-radius:11px;margin:2px 18px 15px;overflow:hidden}.hidden-templates>button,.hidden-templates>div button{color:#ffffffbf;text-align:right;background:#ffffff0d;border:0;justify-content:space-between;align-items:center;width:100%;display:flex}.hidden-templates>button{padding:11px 12px;font-size:12px;font-weight:700}.hidden-templates>button b{color:var(--gold);font-size:18px}.hidden-templates>div button{border-top:1px solid #ffffff14;padding:9px 12px;font-size:11px}.hidden-templates .hidden-list>p{color:#ffffff8c;border-top:1px solid #ffffff14;margin:0;padding:12px;font-size:11px}.hidden-templates .restore-all{color:#fff;background:#c6913d1f;font-weight:800}.hidden-templates small{color:#8ad9c2}.empty{color:#ffffff8c;text-align:center;padding:24px;font-size:13px}.privacy{background:#0000001c;border:1px solid #ffffff1f;border-radius:12px;gap:10px;margin:auto 18px 20px;padding:13px;display:flex}.privacy>span{color:#7bd3b9;font-size:9px}.privacy p{color:#ffffff91;flex-direction:column;gap:4px;margin:0;font-size:10px;line-height:1.65;display:flex}.privacy strong{color:#fff;font-size:11px}.workspace{margin-right:292px;padding:29px 34px 60px}.topbar{align-items:center;gap:22px;max-width:1540px;margin:0 auto 25px;display:flex}.menu-button{border:1px solid var(--line);width:42px;height:42px;color:var(--green);background:#fff;border-radius:10px;flex:0 0 42px;display:none}.top-title{min-width:0}.eyebrow{color:var(--green);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.topbar h1{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.3}.topbar p{color:var(--muted);margin:6px 0 0;font-size:14px}.top-actions{white-space:nowrap;gap:9px;margin-right:auto;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 9px 24px #0c5b4d33}.button.ghost{border-color:var(--line);color:#4c5854;background:#fff}.button.danger-ghost{color:#9c3c32;background:#fff8f7;border-color:#e3bbb5}.button.danger{color:#fff;background:#a53d33}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.button.soft{background:var(--soft);min-height:37px;color:var(--deep);border-color:#cce1d9}.content-grid{grid-template-columns:minmax(430px,1.03fr) minmax(460px,.97fr);align-items:start;gap:26px;max-width:1540px;margin:0 auto;display:grid}.family-variant-bar{border-right:3px solid var(--gold);background:#c6913d14;grid-template-columns:24px minmax(180px,1fr) minmax(250px,390px);align-items:center;gap:11px;max-width:1540px;margin:-8px auto 18px;padding:10px 13px;display:grid}.family-variant-bar>svg{color:var(--gold)}.family-variant-bar>div{flex-direction:column;gap:2px;min-width:0;display:flex}.family-variant-bar>div strong{font-size:13px}.family-variant-bar>div small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.family-variant-bar label{align-items:center;gap:8px;display:flex}.family-variant-bar label span{color:var(--muted);flex:none;font-size:10px;font-weight:800}.family-variant-bar select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 10px;font-size:13px;font-weight:700}.editor{border:1px solid var(--line);background:#fff;border-radius:17px;max-height:calc(100vh - 135px);overflow:hidden auto;box-shadow:0 10px 35px #23312c0d}.progress{border-bottom:1px solid var(--line);background:#fbfcfb;padding:17px 23px}.progress>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.progress strong{color:var(--green)}.progress progress{width:100%;height:7px;accent-color:var(--green);background:#e5ebe8;border:0;border-radius:999px;display:block;overflow:hidden}.progress progress::-webkit-progress-bar{background:#e5ebe8;border-radius:999px}.progress progress::-webkit-progress-value{background:linear-gradient(90deg, var(--green), #3e9c82);border-radius:999px}.progress progress::-moz-progress-bar{background:linear-gradient(90deg, var(--green), #3e9c82);border-radius:999px}.form-section{border-bottom:1px solid var(--line);padding:26px 24px 30px}.accordion-section{padding:0}.accordion-heading{align-items:center;gap:12px;padding:0 18px;display:flex}.section-toggle{min-width:0;color:var(--ink);text-align:right;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:15px 0;display:flex}.section-number{background:var(--gold-soft);color:#95651e;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.section-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.section-copy strong{font-size:15px}.section-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.section-plus{color:var(--green);font-size:25px;font-weight:300}.form-section-body{padding:5px 24px 25px}.accordion-action{white-space:nowrap;flex:none}.section-open{background:#fff}.form-section:last-child{border-bottom:0}.section-heading{align-items:flex-start;gap:12px;margin-bottom:21px;display:flex}.section-heading>span{background:var(--gold-soft);color:#9b691f;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.section-heading h2{margin:0;font-size:17px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.repeater-heading .button{margin-right:auto}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.recipient-picker{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.recipient-picker-heading{align-items:center;gap:8px;margin-bottom:12px;display:flex}.recipient-picker-heading>svg{color:var(--green)}.recipient-picker-heading>div{flex-direction:column;gap:2px;display:flex}.recipient-picker-heading strong{font-size:13px}.recipient-picker-heading small{color:var(--muted);font-size:10px}.recipient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recipient-preview{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.6}.recipient-preview strong{color:var(--ink)}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field>span{color:#43504b;font-size:13px;font-weight:800}.field b{color:#a94035}.field input,.field select,.field textarea{width:100%;min-height:43px;color:var(--ink);background:#fcfdfc;border:1px solid #d9e0dc;border-radius:9px;outline:none;font-size:15px;transition:all .15s}.field input,.field select{padding:0 12px}.field textarea{resize:vertical;min-height:82px;padding:10px 12px;line-height:1.75}.settings-section{background:linear-gradient(#fbfdfc,#fff)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.toggle-setting{background:#fcfdfc;border:1px solid #d9e0dc;border-radius:10px;align-items:center;gap:12px;min-height:71px;padding:12px 14px;display:flex}.toggle-setting input{width:21px;height:21px;accent-color:var(--green);flex:0 0 21px}.toggle-setting span{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;line-height:1.5;display:flex}.toggle-setting strong{color:var(--ink);font-size:14px}.font-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}.smart-paste-section .field textarea{direction:rtl;min-height:125px;font-family:Segoe UI,Tahoma,Arial,sans-serif}.smart-actions{align-items:center;gap:12px;margin-top:13px;display:flex}.smart-actions small{color:var(--muted);font-size:11px;line-height:1.6}.smart-result{background:#f7fbf9;border:1px solid #cfe1da;border-radius:12px;margin-top:16px;padding:14px}.smart-result-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.smart-records{gap:8px;max-height:280px;display:grid;overflow-y:auto}.smart-records article{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:26px 1fr;gap:10px;padding:10px;display:grid}.smart-records article>b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.smart-records dl{flex-wrap:wrap;gap:7px 16px;margin:0;display:flex}.smart-records dl div{gap:5px;font-size:12px;display:flex}.smart-records dt{color:var(--muted)}.smart-records dd{margin:0;font-weight:700}.smart-warning,.success-notice{margin:0;font-size:12px;line-height:1.7}.smart-warning{color:#94453c}.success-notice{color:var(--green);margin-top:12px;font-weight:700}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#5a9d8c;box-shadow:0 0 0 3px #0c5b4d14}.repeat-list{flex-direction:column;gap:11px;display:flex}.repeat-row{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;grid-template-columns:28px 1fr 28px;align-items:center;gap:12px;padding:15px 14px;display:grid}.row-number{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.remove{color:#a94035;background:#f9ece9;border:0;border-radius:8px;width:28px;height:28px;font-size:19px}.remove:disabled{cursor:not-allowed;opacity:.3}.preview-column{min-width:0;position:sticky;top:18px}.preview-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.preview-toolbar>span{align-items:center;gap:8px;display:flex}.preview-toolbar i{background:#34a17e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34a17e1f}.preview-toolbar small{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 8px}.paper-stage{background:linear-gradient(135deg,#ffffff59,#0000),#e3e8e5;border:1px solid #d8dedb;border-radius:17px;max-height:calc(100vh - 170px);padding:18px;overflow:auto}.paper{--letter-font-size:15px;--paper-heading-size:22px;--recipient-font-size:17px;--green:#0c5b4d;--deep:#07463c;--soft:#e8f1ed;--gold:#c6913d;--gold-soft:#fbf2df;border-top:5px solid var(--green);color:#171b19;background:#fff;width:100%;min-height:940px;margin:0 auto;padding:8.4% 8.4% 7%;position:relative;overflow:hidden;box-shadow:0 13px 35px #172b2426}.paper.font-saudi{font-family:Saudi,DIN Next Arabic,Segoe UI,Tahoma,Arial,sans-serif}.paper.font-naskh{font-family:Noto Naskh Arabic,Traditional Arabic,Arabic Typesetting,serif}.paper.font-system{font-family:Segoe UI,Tahoma,Arial,sans-serif}.paper.size-large{--letter-font-size:17px;--paper-heading-size:24px;--recipient-font-size:19px}.paper.size-xlarge{--letter-font-size:19px;--paper-heading-size:27px;--recipient-font-size:21px}.paper:after{content:"";pointer-events:none;border:1px solid #0c5b4d21;position:absolute;inset:12px}.watermark{color:#0c5b4d09;font-size:110px;font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.paper-header{min-height:56px;margin-bottom:30px;position:relative}.basmala{text-align:center;font-size:calc(var(--letter-font-size) + 3px);margin:0;font-weight:800}.paper-meta{color:#4e5653;flex-direction:column;gap:2px;margin-top:20px;font-size:12px;line-height:1.7;display:flex}.recipient-line{font-size:var(--recipient-font-size);align-items:baseline;gap:8px;margin:0 0 18px;display:flex}.recipient{margin:0;font-weight:800}.honorific{color:#59605d;margin:0;font-size:.78em;font-weight:700}.salutation{font-size:var(--letter-font-size);margin:0 0 24px;font-weight:700}.paper h2{border-bottom:2px solid var(--gold);width:fit-content;font-size:var(--paper-heading-size);text-align:center;margin:0 auto 27px;padding-bottom:7px;position:relative}.letter-body{font-size:var(--letter-font-size);text-align:justify;line-height:1.85;position:relative}.letter-body p{margin:0 0 14px}.detail-grid{border:1px solid #cfd6d2;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0;display:grid}.detail-grid>div{border-bottom:1px solid #dce2df;padding:8px 10px}.detail-grid>div:nth-child(odd){border-left:1px solid #dce2df}.detail-grid dt{color:#68716d;font-size:11px}.detail-grid dd{margin:4px 0 0;font-size:13px;font-weight:700}.people{margin-top:18px;position:relative}.people h3{color:var(--green);margin:0 0 8px;font-size:14px}.people table{border-collapse:collapse;width:100%;font-size:12px}.people th,.people td{text-align:right;border:1px solid #bfc9c4;padding:7px 6px}.people th{background:var(--soft)}.people th:first-child,.people td:first-child{text-align:center;width:27px}.paper-notes{border-right:3px solid var(--gold);background:var(--gold-soft);margin-top:18px;padding:10px 12px;font-size:11px;line-height:1.8}.paper-notes ul{margin:4px 0 0;padding-right:16px}.signature{justify-content:flex-end;margin-top:48px;font-size:13px;display:flex;position:relative}.signature>div{flex-direction:column;gap:5px;min-width:190px;display:flex}.signature strong{font-size:14px}.signature i{margin-top:9px;font-style:normal}.signature-contract{justify-content:space-between}.signature-contract>div:last-child{text-align:left}.paper-form{border-top-color:var(--gold)}.disclaimer{color:#7b8480;text-align:center;font-size:9px;line-height:1.7}.backdrop{display:none}.confirm-backdrop{z-index:80;background:#0718139e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border:1px solid #e8d5d1;border-radius:17px;width:min(440px,100%);padding:27px;box-shadow:0 24px 70px #0000003d}.confirm-icon{color:#a53d33;background:#f8e4e1;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 12px;font-size:22px;font-weight:900;display:grid}.confirm-dialog h2{margin:0;font-size:20px}.confirm-dialog p{color:var(--muted);margin:10px 0 20px;font-size:13px;line-height:1.8}.confirm-dialog>div{justify-content:center;gap:9px;display:flex}.pdf-dialog{border-color:#cfe1db}.pdf-dialog .pdf-icon{background:var(--soft);width:54px;color:var(--green);border-radius:12px;font-size:12px}.hide-notice{z-index:70;max-width:min(520px,100vw - 340px);color:var(--ink);background:#f6fffb;border:1px solid #bcd8d0;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:24px;right:316px;box-shadow:0 16px 45px #00000029}.hide-notice button{color:var(--green);background:0 0;border:0;font-weight:900}.hide-notice .notice-close{color:var(--muted);font-size:20px;line-height:1}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:0 0;border-radius:50%;flex:0 0 42px;place-items:center;transition:all .15s;display:inline-grid}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--soft);color:var(--green);border-color:#9bb8ae;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.38}.danger-icon{color:#9c3c32}.primary-icon{border-color:var(--green);background:var(--green);color:#fff}.primary-icon:hover{background:var(--deep);color:#fff}.top-actions{gap:6px}.top-title .source-link{color:var(--green);align-items:center;gap:5px;margin-top:7px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.top-title .source-link:hover{text-decoration:underline}.field-label-row{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.field-label-row label,.field>label,.field>span{color:#43504b;font-size:13px;font-weight:800}.suggestion-toggle{background:var(--gold-soft);color:#94651f;border:0;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.suggestion-menu{border-top:1px solid var(--line);gap:5px;padding:9px 0 2px;display:grid}.suggestion-menu>strong{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.suggestion-menu>button{color:var(--ink);text-align:right;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.65}.suggestion-menu>button:hover{background:var(--soft)}.suggestion-menu>small{color:var(--muted);font-size:10px}.section-chevron{color:var(--green);flex:none;transition:transform .16s}.section-open .section-chevron{transform:rotate(180deg)}.category-toggle svg,.hidden-templates>button>svg{color:var(--gold);transition:transform .16s}.category-toggle svg.expanded,.hidden-templates>button>svg.expanded{transform:rotate(180deg)}.hidden-templates>button>span,.hidden-templates small,.privacy{align-items:center}.hidden-templates>button>span,.hidden-templates small{gap:6px;display:inline-flex}.nav-group .category-toggle,.hidden-templates,.privacy{border-color:#0000}.nav-group .category-toggle,.hidden-templates>button{background:0 0}.editor{border-color:#0000;box-shadow:0 12px 38px #23312c12}.repeat-row{border-color:#0000;border-right:2px solid var(--line);border-radius:4px}.preview-toolbar svg{color:#34a17e}.pdf-filename{background:var(--soft);overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;display:flex;color:var(--ink)!important;margin:-7px 0 20px!important;font-size:11px!important}:root[data-theme=dark]{--ink:#edf5f1;--muted:#aab8b3;--line:#33433d;--canvas:#101815;--green:#54c4a3;--deep:#082d27;--soft:#18342c;--gold:#d7a653;--gold-soft:#352a1b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{background:radial-gradient(circle at 82% -8%, #d7a65314, transparent 28rem), var(--canvas)}:root[data-theme=dark] .workspace,:root[data-theme=dark] .editor,:root[data-theme=dark] .section-open,:root[data-theme=dark] .settings-section{background-color:#121d19}:root[data-theme=dark] .editor{box-shadow:0 12px 38px #0000003b}:root[data-theme=dark] .progress,:root[data-theme=dark] .repeat-row{background:#16221e}:root[data-theme=dark] .settings-section{background-image:linear-gradient(#16231f,#121d19)}:root[data-theme=dark] .field-label-row label,:root[data-theme=dark] .field>label,:root[data-theme=dark] .field>span{color:#dce7e2}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .family-variant-bar select,:root[data-theme=dark] .toggle-setting,:root[data-theme=dark] .smart-records article{color:var(--ink);background:#17241f;border-color:#3a4b44}:root[data-theme=dark] .field input:focus,:root[data-theme=dark] .field select:focus,:root[data-theme=dark] .field textarea:focus{border-color:var(--green);background:#1a2923}:root[data-theme=dark] .smart-result{background:#14231e;border-color:#335548}:root[data-theme=dark] .family-variant-bar{background:#d7a65317}:root[data-theme=dark] .paper-stage{background:#0b120f;border-color:#34433e}:root[data-theme=dark] .preview-toolbar small,:root[data-theme=dark] .confirm-dialog,:root[data-theme=dark] .hide-notice{border-color:var(--line);color:var(--ink);background:#17241f}:root[data-theme=dark] .button.ghost{border-color:var(--line);color:var(--ink);background:0 0}:root[data-theme=dark] .button.danger-ghost{color:#efa59c;background:#2a1d1a;border-color:#704943}:root[data-theme=dark] .paper,:root[data-theme=dark] .paper *{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=1240px){.workspace{padding:25px 23px 50px}.content-grid{grid-template-columns:minmax(390px,1fr) minmax(390px,.88fr)}.paper{min-height:820px}}@media (width<=1020px){.sidebar{width:280px;transition:transform .2s;transform:translate(101%)}.sidebar-open{transform:translate(0)}.close-menu,.menu-button{display:block}.backdrop{z-index:20;background:#0918138a;border:0;display:block;position:fixed;inset:0}.workspace{margin-right:0}.hide-notice{max-width:calc(100vw - 40px);right:20px}}@media (width<=840px){.content-grid{grid-template-columns:1fr}.preview-column{position:static}.editor{max-height:none}.paper-stage{max-height:78vh}.paper{min-height:900px}}@media (width<=620px){.workspace{padding:16px 12px 36px}.topbar{flex-wrap:wrap;align-items:flex-start}.top-title{flex:1}.topbar h1{font-size:22px}.top-actions{flex-wrap:wrap;width:100%}.top-actions .button{flex:130px}.family-variant-bar{grid-template-columns:22px 1fr;align-items:start}.family-variant-bar label{flex-direction:column;grid-column:1/-1;align-items:stretch}.form-section{padding:22px 16px 26px}.accordion-section{padding:0}.accordion-heading{padding:0 13px}.form-section-body{padding:4px 15px 21px}.fields-grid,.recipient-grid,.settings-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.repeater-heading{flex-wrap:wrap}.repeater-heading .button{width:100%}.accordion-action{margin-left:8px;padding:0 10px;font-size:11px}.section-copy small{white-space:normal}.smart-actions,.smart-result-heading{flex-direction:column;align-items:stretch}.paper-stage{padding:8px}.paper{--letter-font-size:10px;--paper-heading-size:15px;--recipient-font-size:12px;min-height:720px;padding:9% 7.5% 8%}.paper.size-large{--letter-font-size:11px;--paper-heading-size:16px;--recipient-font-size:13px}.paper.size-xlarge{--letter-font-size:12px;--paper-heading-size:18px;--recipient-font-size:14px}.paper:after{inset:7px}.paper-header,.paper h2{margin-bottom:18px}.signature{margin-top:28px;font-size:8px}.signature>div{min-width:130px}}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;min-height:297mm;background:#fff!important}body *{visibility:hidden}#print-letter,#print-letter *{visibility:visible}#print-letter{--letter-font-size:13pt;--paper-heading-size:18pt;--recipient-font-size:15pt;border-top:4mm solid var(--green);width:210mm;min-height:297mm;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:22mm 20mm 18mm;position:absolute;inset:0}#print-letter:after{inset:8mm}#print-letter.size-large{--letter-font-size:14pt;--paper-heading-size:19pt;--recipient-font-size:16pt}#print-letter.size-xlarge{--letter-font-size:15pt;--paper-heading-size:21pt;--recipient-font-size:17pt}.paper-meta,.detail-grid dd,.people h3,.signature{font-size:10pt}.people table{font-size:9pt}}