.letter-studio{background:#edf1f6;min-height:100vh;padding-bottom:92px}.letter-studio>.bottom-nav{display:none!important}.letter-shell{max-width:1120px;margin:auto}.letter-top{z-index:50;color:#fff;background:#253437;justify-content:space-between;align-items:center;min-height:68px;padding:0 22px;display:flex;position:sticky;top:0}.letter-top>a,.letter-top>button{color:#fff;font:inherit;cursor:pointer;background:#7053d2;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:900;display:flex}.letter-top>a{padding:10px}.letter-top>div{align-items:center;gap:8px;display:flex}.letter-top svg{width:18px}.letter-edit{padding:26px 20px 120px}.letter-edit-hero{color:#fff;background:radial-gradient(circle at 10% 0,#ff704038,#0000 33%),linear-gradient(125deg,#13284a,#24538a);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:30px;display:grid;box-shadow:0 15px 34px #18335722}.letter-edit-hero span{color:#ffae8d;font-size:12px;font-weight:900}.letter-edit-hero h1{color:#fff;margin:7px 0;font-size:34px;line-height:1.35}.letter-edit-hero p{color:#d8e3f1;margin:0;font-size:13px}.letter-edit-hero button{color:#fff;font:inherit;cursor:pointer;background:#ff7040;border:0;border-radius:13px;align-items:center;gap:8px;padding:14px 17px;font-size:12px;font-weight:900;display:flex;box-shadow:0 10px 22px #0f203b44}.letter-section-jump{grid-template-columns:repeat(4,1fr);gap:10px;margin:19px 0;display:grid}.letter-section-jump button{color:#304a69;font:inherit;text-align:right;cursor:pointer;background:#fff;border:1px solid #dae3ed;border-radius:13px;align-items:center;gap:9px;padding:11px;display:flex}.letter-section-jump b{color:#d75d33;background:#fff0ea;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.letter-section-jump span{font-size:11px;font-weight:900}.letter-form-card{background:#fff;border:1px solid #dce5ee;border-radius:22px;margin:18px 0;padding:23px;scroll-margin-top:82px;box-shadow:0 11px 29px #172f5110}.letter-form-card>header{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;margin-bottom:19px;padding-bottom:16px;display:flex}.letter-form-card>header>span{color:#e36538;background:#fff0ea;border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.letter-form-card>header svg{width:21px}.letter-form-card header small{color:#e46739;font-size:9px;font-weight:900}.letter-form-card h2{color:#203d62;margin:2px 0;font-size:20px}.letter-form-card header p{color:#7d8da1;margin:3px 0 0;font-size:10px}.letter-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.letter-field{color:#526984;gap:7px;font-size:11px;font-weight:900;display:grid}.letter-field.wide{grid-column:1/-1}.letter-field input{color:#213d5f;width:100%;min-height:48px;font:inherit;background:#fbfcfe;border:1px solid #d9e3ed;border-radius:11px;outline-color:#ff9670;padding:10px 13px;font-size:14px}.letter-field input:focus{background:#fff;box-shadow:0 0 0 3px #ff704014}.letter-ai-note{color:#176a55;background:#f0faf6;border:1px solid #cce3db;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:17px;padding:12px;display:grid}.letter-ai-note>svg{place-items:center;width:34px;display:grid}.letter-ai-note b{font-size:12px}.letter-ai-note p{color:#5f7d74;margin:2px 0 0;font-size:10px}.letter-ai-note button{color:#fff;font:inherit;cursor:pointer;background:#128364;border:0;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:900}.letter-paragraph-card{background:#fbfcfe;border:1px solid #dce4ed;border-radius:14px;margin-top:12px;padding:14px}.letter-paragraph-card>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.letter-paragraph-card span{color:#253f60;font-size:13px;font-weight:900}.letter-paragraph-card small{color:#8390a1;font-size:9px}.letter-paragraph-card textarea{resize:vertical;color:#293b4d;text-align:left;background:0 0;border:0;outline:0;width:100%;min-height:112px;font-family:Arial,sans-serif;font-size:14px;line-height:1.75}.letter-attachments>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.letter-attachments button{color:#314b6a;font:inherit;text-align:right;cursor:pointer;background:#fff;border:1px solid #dbe4ed;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:12px;display:grid}.letter-attachments button>span{border:2px solid #d3dce7;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.letter-attachments button>span svg{width:16px}.letter-attachments button b,.letter-attachments button small{display:block}.letter-attachments button b{font-size:11px}.letter-attachments button small{color:#8190a3;margin-top:3px;font-size:9px}.letter-attachments button.active{background:#eef9f5;border-color:#1ca47d}.letter-attachments button.active>span{color:#fff;background:#13a67d;border-color:#13a67d}.letter-notice{z-index:6;color:#287052;background:#effaf4;border:1px solid #b8dfcb;border-radius:12px;padding:11px 14px;font-size:11px;position:sticky;bottom:82px}.letter-entry-bar{z-index:10000;background:#fff;justify-content:center;gap:9px;padding:11px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 27px #10274320}.letter-entry-bar button{color:#3c536d;min-width:78px;font:inherit;cursor:pointer;background:#f0f3f7;border:0;border-radius:12px;place-items:center;gap:4px;padding:8px 13px;font-size:10px;font-weight:900;display:grid}.letter-entry-bar button svg{width:20px;height:20px}.letter-entry-bar .review{color:#fff;background:#ff7040;min-width:190px;font-size:12px;display:flex;box-shadow:0 8px 20px #ff704033}.letter-review{background:#5c686b;min-height:calc(100vh - 68px);padding:35px 20px 120px}.letter-paper{--letter-accent:#142b4f;width:min(100%,794px);min-height:1123px;padding:var(--letter-padding,54px);background:var(--letter-bg,#fff);color:#263442;text-align:left;font-size:calc(12px * var(--letter-scale,1));line-height:var(--letter-line,1.62);direction:ltr;margin:auto;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 42px #0005}.letter-paper>:not(.letter-accent-shape){z-index:2;position:relative}.letter-accent-shape{z-index:0;pointer-events:none;position:absolute}.letter-sender-head{border-bottom:4px solid var(--letter-accent);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.letter-sender-head h1{color:#141c25;font-size:calc(27px * var(--letter-scale));letter-spacing:-.02em;margin:0}.letter-sender-head p{color:#667484;font-size:calc(9px * var(--letter-scale));flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;margin:4px 0 0;display:flex}.letter-sender-head>p{text-align:right;display:grid}.letter-window-line{color:#6b7785;font-size:calc(7px * var(--letter-scale));border-bottom:1px solid #c6cdd5;margin:32px 0 8px;padding-bottom:3px;text-decoration:underline}.letter-paper address{min-height:108px;font-style:normal;font-size:calc(11px * var(--letter-scale));align-content:start;line-height:1.55;display:grid}.letter-paper address b{color:#17202b}.letter-date{text-align:right;font-size:calc(10px * var(--letter-scale));margin:8px 0 27px}.letter-paper>h2{color:var(--letter-accent);font-size:calc(16px * var(--letter-scale));margin:0 0 4px;line-height:1.35}.letter-reference{color:#697686;font-size:calc(9px * var(--letter-scale));margin:0 0 22px}.letter-body p{margin:0 0 var(--letter-gap,13px);white-space:pre-line}.letter-signature{min-height:55px;color:var(--letter-accent);font-family:Georgia,serif;font-size:calc(18px * var(--letter-scale));margin-top:28px;font-style:italic}.letter-paper footer{color:#5e6d7d;font-size:calc(9px * var(--letter-scale));border-top:1px solid #dce2e8;gap:3px;margin-top:25px;padding-top:10px;display:grid}.letter-paper footer b{color:var(--letter-accent);font-size:calc(10px * var(--letter-scale))}.letter-template-modern{border-top:12px solid var(--letter-accent)}.letter-template-modern .letter-sender-head{margin:calc(var(--letter-padding)*-1);padding:34px var(--letter-padding) 24px;background:linear-gradient(125deg,var(--letter-accent),#162940);color:#fff;border:0;margin-bottom:33px}.letter-template-modern .letter-sender-head h1,.letter-template-modern .letter-sender-head p{color:#fff}.letter-template-modern .letter-window-line{margin-top:0}.letter-template-minimal{box-shadow:none}.letter-template-minimal .letter-sender-head{border-bottom:1px solid #bbc5cf}.letter-template-business{border-left:18px solid var(--letter-accent)}.letter-template-business .letter-sender-head{border-bottom-width:2px}.letter-template-healthcare .letter-accent-shape{border:48px solid var(--letter-accent);opacity:.09;border-radius:50%;width:320px;height:320px;top:-100px;right:-115px}.letter-template-healthcare .letter-sender-head{border-bottom-color:#37a38c}.letter-template-tech .letter-accent-shape{opacity:.1;background:linear-gradient(90deg,transparent 0 20%,var(--letter-accent) 21% 22%,transparent 23% 68%,var(--letter-accent) 69% 70%,transparent 71%),linear-gradient(transparent 0 35%,var(--letter-accent) 36% 37%,transparent 38% 78%,var(--letter-accent) 79% 80%,transparent 81%);width:44%;height:38%;top:0;right:0}.letter-template-craft .letter-accent-shape{opacity:.1;background:linear-gradient(135deg,transparent 43%,var(--letter-accent) 44% 48%,transparent 49%) 0 0/70px 70px;width:330px;height:330px;bottom:-90px;right:-100px}.letter-template-elegant .letter-sender-head{text-align:center;border:0;display:block}.letter-template-elegant .letter-sender-head p{text-align:center;justify-content:center}.letter-template-elegant .letter-window-line{border-top:2px solid var(--letter-accent);padding-top:8px}.letter-template-elegant>h2{font-family:Georgia,serif;font-weight:500}.letter-design-panel{z-index:10001;background:#f7f8fc;border-radius:27px 27px 0 0;max-height:0;padding:0 22px;transition:all .25s;position:fixed;bottom:75px;left:0;right:0;overflow:hidden;box-shadow:0 -9px 30px #152a4630}.letter-design-panel.open{overscroll-behavior:contain;max-height:min(59dvh,580px);padding:21px clamp(17px,4vw,34px);overflow-y:auto}.letter-design-panel>h2{z-index:5;color:#1e2936;text-align:center;background:linear-gradient(#f7f8fc 82%,#0000);margin:-21px -34px 17px;padding:20px 34px 14px;font-size:23px;position:sticky;top:-21px}.letter-template-panel,.letter-color-panel,.letter-font-panel,.letter-margin-panel{max-width:760px;margin:auto}.letter-template-list{scrollbar-width:none;gap:11px;padding:4px 3px 13px;display:flex;overflow-x:auto}.letter-template-list button{color:#354456;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:14px;flex:0 0 104px;justify-items:center;gap:4px;padding:9px;display:grid}.letter-template-list button.active{background:#eef9f5;border:2px solid #12a67e;box-shadow:0 0 0 3px #12a67e16}.letter-template-list i{background:#fff;border:1px solid #cdd5df;border-radius:3px;width:60px;height:72px;display:block;position:relative}.letter-template-list i:before{content:"";background:#6e8093;height:4px;position:absolute;top:10px;left:8px;right:8px;box-shadow:0 10px #d4dbe3,0 20px #d4dbe3,0 30px #d4dbe3}.letter-template-list i.modern{border-top:9px solid #587899}.letter-template-list i.business{border-left:7px solid #587899}.letter-template-list i.healthcare{background:radial-gradient(circle at 100% 0,#dcece8 0 24%,#0000 25%),#fff}.letter-template-list i.tech{background:linear-gradient(135deg,#0000 45%,#dbe5ef 46% 48%,#0000 49%),#fff}.letter-template-list i.craft{background-color:#fff;background-image:linear-gradient(135deg,#0000 44%,#e8ded5 45% 48%,#0000 49%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.letter-template-list b{font-size:11px}.letter-template-list small{color:#83909e;font-size:8px}.letter-template-panel h3,.letter-font-panel>h3{color:#47576a;margin:18px 0 9px;font-size:14px}.letter-toggle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.letter-toggle-grid button{color:#526274;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e1e9;border-radius:11px;align-items:center;gap:8px;padding:10px;font-size:10px;font-weight:900;display:flex}.letter-toggle-grid button>span{border:2px solid #d1dae3;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.letter-toggle-grid button>span svg{width:15px}.letter-toggle-grid button.active{background:#edf9f4;border-color:#16a47d}.letter-toggle-grid button.active>span{color:#fff;background:#16a47d;border-color:#16a47d}.letter-panel-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin:18px 0 10px;display:flex}.letter-panel-heading h3{color:#273444;margin:0;font-size:16px}.letter-panel-heading p{color:#7c8795;margin:4px 0 0;font-size:10px}.letter-panel-heading output{color:#536273;direction:ltr;background:#fff;border:1px solid #d8e0e8;border-radius:999px;padding:6px 10px;font:700 10px/1 Arial}.letter-colors,.letter-paper-colors{scrollbar-width:none;gap:12px;padding:5px 4px 11px;display:flex;overflow-x:auto}.letter-colors button,.letter-custom-color{cursor:pointer;border:7px solid #17273b;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff}.letter-custom-color{color:#fff;box-shadow:none;background:#17b98b;border:0;overflow:hidden}.letter-custom-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.letter-colors button.active:after{content:"✓";color:#fff;background:#ffffff24;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset:6px}.letter-paper-colors button{cursor:pointer;border:1px solid #ccd6e0;border-radius:10px;flex:0 0 54px;width:54px;height:43px;position:relative;box-shadow:0 5px 12px #172a4310}.letter-paper-colors button.active{border:3px solid #12a67e;box-shadow:0 0 0 3px #12a67e18}.letter-fonts{scrollbar-width:none;gap:10px;padding:4px 2px 12px;display:flex;overflow-x:auto}.letter-fonts button{color:#304052;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2ea;border-radius:13px;flex:0 0 122px;gap:3px;padding:12px;display:grid}.letter-fonts button b{font-size:14px}.letter-fonts button small{color:#83909f;font-size:9px}.letter-fonts button.active{color:#087b5d;background:#eaf8f3;border:2px solid #12a67e}.letter-range{direction:ltr;grid-template-columns:42px 1fr 42px;align-items:center;gap:11px;display:grid}.letter-range>span{text-align:center;font:700 17px/1 Arial}.letter-range input{accent-color:#14aa80;cursor:pointer;width:100%;height:30px}.letter-range-labels{color:#7d8794;justify-content:space-between;margin:0 52px;font-size:10px;display:flex}.letter-design-nav{justify-content:space-around}.letter-design-nav button{background:0 0;min-width:70px}.letter-design-nav button.active{color:#087b5d;background:#eaf8f3;box-shadow:inset 0 0 0 1px #bee5d7}.letter-review-actions{z-index:9999;gap:7px;display:flex;position:fixed;top:82px;left:18px}.letter-review-actions button{color:#334b66;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;align-items:center;gap:5px;padding:9px 11px;font-size:10px;font-weight:900;display:flex;box-shadow:0 6px 17px #13294325}.letter-review-actions button:first-child{color:#fff;background:#7053d2}@media (width<=700px){.letter-top{min-height:66px;padding:0 11px}.letter-top>div b{font-size:11px}.letter-top>button{min-width:42px;padding:10px;font-size:0}.letter-top>button svg{margin:0}.letter-edit{padding:14px 12px 103px}.letter-edit-hero{border-radius:19px;grid-template-columns:1fr;padding:21px 18px}.letter-edit-hero h1{font-size:26px}.letter-edit-hero p{font-size:12px;line-height:1.8}.letter-edit-hero button{justify-content:center}.letter-section-jump{gap:8px;display:flex;overflow-x:auto}.letter-section-jump button{flex:0 0 155px}.letter-form-card{border-radius:18px;padding:17px 14px}.letter-form-card h2{font-size:19px}.letter-fields{grid-template-columns:1fr}.letter-field.wide{grid-column:auto}.letter-field input,.letter-paragraph-card textarea{font-size:16px}.letter-ai-note{grid-template-columns:34px 1fr}.letter-ai-note button{grid-column:1/-1}.letter-paragraph-card>div{display:grid}.letter-paragraph-card textarea{min-height:145px}.letter-attachments>div{grid-template-columns:1fr}.letter-entry-bar{justify-content:space-between;gap:4px;padding:8px 7px}.letter-entry-bar button{min-width:58px;padding:7px 5px;font-size:9px}.letter-entry-bar .review{min-width:128px;font-size:10px}.letter-review{padding:0 0 86px;overflow:auto}.letter-paper{width:100%;min-height:141.4vw;box-shadow:none;padding:clamp(24px,7vw,48px)}.letter-design-panel{bottom:67px}.letter-design-panel.open{max-height:58dvh;padding:19px 14px}.letter-design-panel>h2{margin:-19px -14px 15px;padding:18px 14px 13px;top:-19px}.letter-template-list button{flex-basis:96px}.letter-design-nav button{min-width:52px}.letter-review-actions{top:77px;left:8px}.letter-review-actions button{padding:8px;font-size:0}.letter-review-actions button svg{margin:0}.letter-toggle-grid{grid-template-columns:1fr}.letter-sender-head h1{font-size:calc(23px * var(--letter-scale))}.letter-paper{font-size:calc(10px * var(--letter-scale))}.letter-paper>h2{font-size:calc(14px * var(--letter-scale))}.letter-window-line{margin-top:22px}.letter-paper address{min-height:88px}.letter-date{margin-bottom:20px}}@media print{.site-header,.letter-top,.letter-entry-bar,.letter-design-panel,.letter-review-actions,.bottom-nav{display:none!important}.letter-studio,.letter-review{background:#fff!important;padding:0!important}.letter-paper{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important}}.letter-paper.letter-trial-document{position:relative;overflow:hidden}.letter-paper.letter-trial-document:after{content:"AzubiSchnell · TESTVERSION";z-index:20;color:#193c601c;letter-spacing:.07em;white-space:nowrap;pointer-events:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;font:900 52px Arial,sans-serif;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.letter-pro-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071426b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.letter-pro-backdrop section{color:#193956;text-align:center;background:#fff;border-radius:21px;max-width:470px;padding:29px;position:relative;box-shadow:0 28px 70px #00000040}.letter-pro-backdrop section>button{color:#718197;cursor:pointer;background:0 0;border:0;position:absolute;top:12px;left:12px}.letter-pro-backdrop section>span{color:#e35e32;background:#fff0ea;border-radius:15px;place-items:center;width:52px;height:52px;margin:auto;display:grid}.letter-pro-backdrop small{color:#e35e32;margin-top:12px;font-weight:900;display:block}.letter-pro-backdrop h2{margin:5px 0}.letter-pro-backdrop p{color:#62768a;line-height:1.8}.letter-pro-backdrop a{color:#fff;background:#ef6b3d;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:47px;margin-top:15px;font-weight:900;display:flex}@media (width<=650px){.letter-paper.letter-trial-document:after{font-size:30px}.letter-pro-backdrop section{padding:25px 18px}}
