:root{--bg-app: #0b0f19;--bg-sidebar: rgba(17, 24, 39, .95);--bg-card: #1f2937;--border-color: rgba(255, 255, 255, .08);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .15);--success: #10b981;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-letter: "Libre Baskerville", "Baskerville", "Georgia", "Times New Roman", serif;--a4-width: 210mm;--a4-height: 297mm}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);overflow:hidden;height:100vh}.app-container{display:flex;height:100vh;width:100vw;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.03) 0px,transparent 50%)}.sidebar{width:450px;min-width:400px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;box-shadow:10px 0 30px #00000040;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{background:linear-gradient(135deg,var(--accent),#a855f7);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.logo-text h1{font-size:1.15rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:.75rem;color:var(--text-muted)}.sidebar-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.section-card{background-color:#1f293766;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.section-card.active{border-color:#6366f166;background-color:#1f293799;box-shadow:0 4px 20px #00000026}.section-trigger{width:100%;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;text-align:left;transition:background-color .2s ease}.section-trigger:hover{background-color:#ffffff05}.section-trigger-content{display:flex;align-items:center;gap:.75rem}.section-body{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}input,textarea,select{background-color:#111827b3;border:1px solid var(--border-color);border-radius:8px;padding:.65rem .85rem;color:#fff;font-family:var(--font-ui);font-size:.9rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background-color:#111827e6}textarea{resize:vertical;min-height:100px}.file-upload-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem}.file-upload-btn{background-color:#ffffff0d;border:1px dashed var(--border-color);color:var(--text-secondary);padding:.75rem;border-radius:8px;text-align:center;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s ease}.file-upload-btn:hover{background-color:#ffffff14;border-color:var(--accent);color:var(--text-primary)}.file-upload-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-secondary{background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:#ffffff14}.preview-area{flex:1;display:flex;flex-direction:column;height:100%;background-color:#111827;overflow:hidden;position:relative}.preview-toolbar{height:64px;background-color:#11182799;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:5}.toolbar-title{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.toolbar-actions{display:flex;gap:.75rem}.document-viewport{flex:1;overflow:auto;padding:3rem 2rem;display:flex;justify-content:center;align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;background-image:radial-gradient(#1f2937 1px,transparent 1px);background-size:24px 24px}.document-viewport::-webkit-scrollbar{width:8px;height:8px}.document-viewport::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.a4-page{width:var(--a4-width);height:var(--a4-height);background-color:#1e293b;color:#f8fafc;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;position:relative;font-family:var(--font-letter);line-height:1.6;font-size:11pt;box-sizing:border-box;transform-origin:top center;transition:transform .2s ease,background-color .3s,color .3s;-webkit-user-select:text;user-select:text}.a4-page *{color:#f8fafc;transition:color .3s}.a4-page p,.a4-page span,.a4-page div{color:#e2e8f0}.din-letter-container{height:100%;padding:45mm 20mm 20mm 25mm;position:relative;display:flex;flex-direction:column}.din-markers{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.punch-mark{position:absolute;left:0;top:148.5mm;width:8mm;height:1px;background-color:#ffffff40}.fold-mark-1{position:absolute;left:0;top:87mm;width:5mm;height:1px;background-color:#ffffff40}.fold-mark-2{position:absolute;left:0;top:192mm;width:5mm;height:1px;background-color:#ffffff40}.latex-firsthead{position:absolute;top:15mm;left:25mm;right:20mm;text-align:left;font-family:var(--font-letter)}.latex-header-name{font-size:20pt;font-weight:700;letter-spacing:-.5px;line-height:1.1;color:#fff!important}.latex-header-line{border:none;border-top:.5pt solid rgba(255,255,255,.8);margin-top:4pt;margin-bottom:6pt;width:100%}.latex-header-email{font-size:9.5pt;display:flex;align-items:center;gap:6px;color:#cbd5e1}.latex-header-email *{color:#cbd5e1}.latex-header-email-icon{font-size:9pt}.recipient-window{position:absolute;top:45mm;left:25mm;width:85mm;height:45mm;display:flex;flex-direction:column;justify-content:flex-start;padding-top:4px}.sender-inline{font-size:7.5pt;line-height:1;margin-bottom:3.5mm;border-bottom:.5px solid rgba(255,255,255,.2);padding-bottom:1.5mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8!important}.sender-inline *{color:#94a3b8!important}.recipient-address{font-size:10pt;line-height:1.5;white-space:pre-line}.recipient-address *{color:#f8fafc}.date-line{position:absolute;top:80.4mm;right:20mm;font-size:11pt;text-align:right;color:#e2e8f0}.letter-content{margin-top:58.7mm;display:flex;flex-direction:column;flex:1}.subject-line{font-weight:700;font-size:11pt;margin-bottom:8mm;word-wrap:break-word;color:#fff!important}.salutation{margin-bottom:6mm;font-size:11pt}.letter-body{font-size:11pt;line-height:1.6;margin-bottom:8mm;word-wrap:break-word;flex:1}.letter-body p{margin-bottom:4mm}.letter-body ul,.letter-body ol{margin-top:2mm;margin-bottom:4mm;padding-left:20px}.letter-body li{margin-bottom:1.5mm;line-height:1.5}.letter-body h1,.letter-body h2,.letter-body h3{font-family:var(--font-letter);font-weight:700;color:inherit;line-height:1.2}.letter-body h1{font-size:14pt;margin-top:6mm;margin-bottom:3mm}.letter-body h2{font-size:12pt;margin-top:5mm;margin-bottom:2.5mm}.letter-body h3{font-size:11pt;margin-top:4mm;margin-bottom:2mm}.complimentary-close-block{text-align:left;page-break-inside:avoid;margin-bottom:15mm}.complimentary-close-text{font-size:11pt;margin-bottom:2mm}.signature-image-container{display:block;margin-top:2mm;margin-bottom:2mm;text-align:left}.signature-image{display:block;max-width:100%;object-fit:contain;filter:invert(1) hue-rotate(180deg) contrast(1.2) grayscale(1);transition:filter .3s}.signature-placeholder-helper{display:flex;align-items:center;color:#94a3b8!important;font-style:italic;font-size:9pt;border:1px dashed rgba(255,255,255,.2)!important;padding:0 10px}.signature-name-line{font-size:11pt;font-weight:400;margin-top:1mm;color:#fff!important}.latex-firstfoot{position:absolute;bottom:15mm;left:25mm;right:20mm;display:flex;justify-content:space-between;align-items:flex-end;border-top:.5px solid rgba(255,255,255,.2);padding-top:3mm;font-size:8pt;line-height:1.3}.latex-firstfoot *{color:#94a3b8!important}.footer-text-block{flex:1;text-align:left;white-space:pre-line;max-width:80%}.footer-page-block{text-align:right;font-size:8pt;white-space:nowrap}.sidebar-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;background-color:#0003;padding:.3rem;border-radius:10px;border:1px solid var(--border-color);margin-bottom:1.25rem}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem .25rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:.35rem}.tab-btn:hover{color:var(--text-primary);background-color:#ffffff08}.tab-btn.active{color:#fff;background-color:var(--accent);box-shadow:0 4px 12px #6366f14d}.tab-btn-icon{display:flex;align-items:center;justify-content:center;font-size:1rem}.tab-content-panel{background-color:#1f293766;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #00000026;animation:tabFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.zoom-controls{display:flex;align-items:center;gap:.5rem;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:.25rem}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);border-radius:6px;cursor:pointer}.zoom-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.zoom-text{font-size:.8rem;font-weight:600;width:45px;text-align:center;color:var(--text-secondary)}.counter{font-size:.7rem;color:var(--text-muted);text-align:right;margin-top:.2rem}.settings-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.settings-checkbox input{cursor:pointer;accent-color:var(--accent);width:16px;height:16px}.signature-upload-preview{margin-top:.5rem;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;background-color:#0003;display:flex;align-items:center;justify-content:space-between}.remove-sig-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.75rem;font-weight:700}.remove-sig-btn:hover{text-decoration:underline}.latex-infoblock{position:absolute;top:43mm;right:20mm;width:75mm;font-size:8.5pt;line-height:1.4;text-align:left;z-index:10}.latex-infoblock-row{display:grid;grid-template-columns:28mm 1fr;margin-bottom:1.2mm}.latex-infoblock-key{font-weight:400;opacity:.85}.latex-infoblock-value{font-weight:400}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff!important;color:#000!important;overflow:visible!important;height:auto!important;width:auto!important;font-size:11pt!important}.sidebar,.preview-toolbar,.zoom-controls,.din-markers{display:none!important}.app-container{background:none!important;display:block!important;height:auto!important;width:auto!important;padding:0!important}.preview-area{background:none!important;overflow:visible!important;height:auto!important;width:auto!important;display:block!important}.document-viewport{background:none!important;padding:0!important;overflow:visible!important;display:block!important;height:auto!important;width:auto!important}.a4-page{transform:scale(1)!important;box-shadow:none!important;border:none!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;page-break-after:always;page-break-inside:avoid;box-sizing:border-box!important;background-color:#fff!important;color:#000!important}.a4-page,.a4-page *{color:#000!important;background-color:transparent!important}.latex-header-name{color:#000!important}.latex-header-line{border-top:.5pt solid #000000!important}.sender-inline{border-bottom:.5px solid #000000!important;color:#000!important}.sender-inline *{color:#000!important}.latex-firstfoot{border-top:.5px solid #000000!important}.latex-firstfoot *,.signature-name-line{color:#000!important}.signature-image{filter:contrast(1.2) grayscale(1)!important}.signature-placeholder-helper{display:none!important}.din-letter-container{box-sizing:border-box!important;padding:45mm 20mm 20mm 25mm!important}}