@font-face{font-family:"Aeonik Pro";src:url("../../public/fonts/AeonikPro/AeonikPro-Regular.woff2") format("woff2"),url("../../public/fonts/AeonikPro/AeonikPro-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Aeonik Pro";src:url("../../public/fonts/AeonikPro/AeonikPro-Medium.woff2") format("woff2"),url("../../public/fonts/AeonikPro/AeonikPro-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Aeonik Pro";src:url("../../public/fonts/AeonikPro/AeonikPro-SemiBold.woff2") format("woff2"),url("../../public/fonts/AeonikPro/AeonikPro-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}.app-header{height:66px;background:#fff;border-bottom:1px solid rgba(0,0,0,.15);color:#1f2230;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.app-header .header-logo{height:26px;width:auto;fill:#003da5}.app-header .header-divider{width:1px;height:26px;background:#c8d5eb}.app-header .app-title{font-size:.95rem;font-weight:400;color:#747474}.app-header .header-link{font-size:.85rem;color:#747474;text-decoration:none;transition:color .15s ease-in-out}.app-header .header-link:hover{color:#1f2230}.app-header .test-mode-switch{margin:0;padding-left:2.25rem}.app-header .test-mode-switch .form-check-input{cursor:pointer;margin-top:.15rem}.app-header .test-mode-switch .form-check-input:checked{background-color:#d97706;border-color:#d97706}.app-header .test-mode-switch .form-check-label{font-size:.85rem;color:#747474;cursor:pointer}.app-header .test-mode-switch:has(.form-check-input:checked) .form-check-label{color:#d97706;font-weight:500}.app-controls{background:#f8f9fc;border-bottom:1px solid rgba(0,0,0,.15);padding:1rem 1.5rem;flex-shrink:0}.controls-row{display:flex;align-items:flex-end;gap:1rem}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-label{position:relative;display:block;text-align:left;font-size:.85rem;font-weight:500;color:#565d68;line-height:1.4;padding:0;margin-bottom:.25rem}.control-subject{flex:1}.control-subject .form-control{font-family:"Aeonik Pro",sans-serif;font-size:1rem;height:44px;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#565d68;transition:all .15s ease-in-out}.control-subject .form-control:focus{border-color:rgba(0,61,165,.6);box-shadow:0 0 0 3px rgba(0,61,165,.15);outline:none}.control-subject .form-control::placeholder{color:rgba(86,93,104,.6);opacity:1}.control-stat{flex:0 0 auto}.btn-stat{display:flex;align-items:center;gap:.35rem;height:44px;padding:0 1rem;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;background:#fff;font-family:"Aeonik Pro",sans-serif;font-size:1rem;color:#565d68;cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out}.btn-stat #recipientCounter{font-weight:600;color:#003da5}.btn-stat:hover{border-color:rgba(0,61,165,.6);box-shadow:0 0 0 3px rgba(0,61,165,.15)}.file-upload-inline{display:flex;align-items:center;height:44px;padding:0 1rem;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;background:#fff;font-family:"Aeonik Pro",sans-serif;font-size:1rem;color:#565d68;cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out}.file-upload-inline:hover{border-color:rgba(0,61,165,.6);box-shadow:0 0 0 3px rgba(0,61,165,.15)}.control-send{flex:0 0 auto}.recipients-area{font-family:"Courier New",Courier,monospace;font-size:.9rem;line-height:1.5;padding:1rem;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#565d68;resize:vertical;transition:all .15s ease-in-out}.recipients-area:focus{border-color:rgba(0,61,165,.6);box-shadow:0 0 0 3px rgba(0,61,165,.15);outline:none}.recipients-area::placeholder{color:rgba(86,93,104,.6);opacity:1}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-left{flex:1;background:#fff}.panel-right{flex:1;background:#1f1e2f}.panel-divider{width:1px;background:rgba(0,0,0,.15);flex-shrink:0}.panel-header{padding:.5rem 1rem;font-family:"Aeonik Pro",sans-serif;font-weight:500;font-size:.85rem;color:#747474;border-bottom:1px solid rgba(0,0,0,.15);background:#fff;flex-shrink:0}.panel-right .panel-header{background:rgb(43.3194805195,41.9220779221,65.6779220779);color:hsla(0,0%,100%,.5);border-bottom-color:rgb(51.5324675325,49.8701298701,78.1298701299)}.preview-iframe{flex:1;width:100%;border:none;background:#fff}.code-editor{flex:1;position:relative;overflow:hidden;background:#1f1e2f}.code-highlight,.code-textarea{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace !important;font-size:14px !important;line-height:20px !important;tab-size:2 !important;-moz-tab-size:2 !important;letter-spacing:normal !important;word-spacing:normal !important;white-space:pre-wrap !important;word-wrap:break-word !important;word-break:normal !important;padding:16px !important;margin:0 !important;border:0 !important;border-radius:0 !important;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;box-sizing:border-box}.code-highlight{pointer-events:none;background:#1f1e2f !important;text-shadow:none !important}.code-highlight code,.code-highlight code[class*=language-]{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace !important;font-size:14px !important;line-height:20px !important;text-shadow:none !important;background:none !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;white-space:inherit !important;word-wrap:inherit !important;tab-size:inherit !important;-moz-tab-size:inherit !important;letter-spacing:inherit !important;word-spacing:inherit !important;display:block}.code-textarea{background:rgba(0,0,0,0);color:rgba(0,0,0,0);caret-color:#fff;resize:none;outline:none;z-index:1;-webkit-text-fill-color:rgba(0,0,0,0)}.code-textarea::placeholder{-webkit-text-fill-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}.code-textarea::selection{background:hsla(0,0%,100%,.15);-webkit-text-fill-color:rgba(0,0,0,0)}.btn-send{font-family:"Aeonik Pro",sans-serif;background:#003da5;color:#fff;border:1px solid #003da5;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.5;border-radius:.25rem;white-space:nowrap;transition:all .4s}.btn-send:hover:not(:disabled){background:rgb(0,45.9163636364,124.2);border-color:rgb(0,45.9163636364,124.2);color:#fff}.btn-send:disabled{opacity:.65;cursor:not-allowed}.modal-content{font-family:"Aeonik Pro",sans-serif;border-radius:1.25rem;border:none;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025),0 0 20px rgba(0,0,0,.04)}.modal-header{border-bottom:1px solid rgba(0,0,0,.15);padding:1.25rem 1.5rem}.modal-header .modal-title{font-size:1.1rem;font-weight:600;color:#1f2230}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid rgba(0,0,0,.15);padding:1rem 1.5rem}.modal-footer .btn-primary{background:#003da5;border-color:#003da5;font-family:"Aeonik Pro",sans-serif;font-weight:500;border-radius:.25rem;padding:.6rem 1.25rem;transition:all .4s}.modal-footer .btn-primary:hover{background:rgb(0,45.9163636364,124.2);border-color:rgb(0,45.9163636364,124.2)}.modal-footer .btn-outline-secondary{font-family:"Aeonik Pro",sans-serif;font-weight:500;border-radius:.25rem;color:#1f2230;border-color:rgba(0,0,0,.15);padding:.6rem 1.25rem;transition:all .4s}.modal-footer .btn-outline-secondary:hover{background:#f8f9fc;border-color:rgba(0,0,0,.25)}.modal .text-primary{color:#003da5 !important}.sending-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;justify-content:center;align-items:center}.sending-overlay.active{display:flex}.sending-spinner-box{background:#fff;border-radius:1.25rem;padding:2rem 3rem;text-align:center;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025),0 0 20px rgba(0,0,0,.04)}.sending-spinner-box .spinner-border{width:3rem;height:3rem;color:#003da5}.sending-spinner-box p{margin-top:1rem;font-family:"Aeonik Pro",sans-serif;font-size:1rem;color:#1f2230;font-weight:500}.result-area{display:none}.result-area.show{display:block}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#f8f9fc;font-family:"Aeonik Pro",sans-serif;font-size:16px;color:#565d68;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:#1f2230}/*# sourceMappingURL=main.css.map */