:root{--ON: initial;--OFF: ;--light: var(--ON);--dark: var(--OFF);--background-primary: var(--light, #fff) var(--dark, #091d32);--background-primary-alt: var(--light, #fff) var(--dark, #143353);--background-secondary: var(--light, #e9f4fb) var(--dark, #112942);--background-tertiary: var(--light, #f6fbfd) var(--dark, #112942);--background-heavy: #003e60;--background-hover: var(--light, #f6fbfd) var(--dark, #112942);--background-active: var(--light, #e9f4fb) var(--dark, #143353);--background-brand: var(--light, #0072af) var(--dark, #4297d8);--background-brand-alt: var(--light, #003da5) var(--dark, #4297d8);--background-disabled: var(--light, #f7f7f8) var(--dark, #252f41);--background-disabled-alt: var(--light, #c5c6c8) var(--dark, #3d495c);--disabled-inverse: var(--light, #8f9095) var(--dark, #8b97a7);--background-white: var(--light, #fff) var(--dark, #fff);--background-modal: var(--light, rgba(0, 62, 96, .7)) var(--dark, rgba(0, 62, 96, .7));--background-blur: var(--light, rgba(0, 0, 0, .2)) var(--dark, rgba(0, 0, 0, .2));--background-bel: var(--light, #f3f6fa) var(--dark, #091d32);--background-highlight: var(--light, #0072af) var(--dark, #2476b3);--background-gradient-purple: var( --light, linear-gradient(144deg, #6b81f1 10.38%, #66b0fe 91.49%) ) var(--dark, linear-gradient(144deg, #203b57 10.38%, #155a7f 91.49%));--background-gradient-purple-app: var(--light, #fff) var(--dark, linear-gradient(144deg, #203b57 10.38%, #155a7f 91.49%));--background-system-info: var(--light, #e9f4fb) var(--dark, #112942);--background-system-warning: var(--light, #fff0e5) var(--dark, #112942);--background-system-error: var(--light, #fae8e8) var(--dark, #112942);--background-system-success: var(--light, #ebf9f6) var(--dark, #112942);--background-system-badge: var(--light, #fbeaf6) var(--dark, #112942);--background-system-notif: var(--light, #c43233) var(--dark, #eb7b7b);--button-primary-default: var(--light, #003da5) var(--dark, #4297d8);--button-primary-hover: var(--light, #002d7a) var(--dark, #8acafb);--button-primary-text: var(--light, #fff) var(--dark, #091d32);--button-primary-icon: var(--light, #fff) var(--dark, #091d32);--button-primary-icon-disabled: var(--light, #75767d) var(--dark, #576375);--button-primary-disabled: var(--light, #c5c6c8) var(--dark, #252f41);--button-primary-text-disabled: var(--light, #75767d) var(--dark, #576375);--button-primary-default-inverse: var(--light, #fff) var(--dark, #fff);--button-primary-hover-inverse: var(--light, #f7f7f8) var(--dark, #112942);--button-primary-text-inverse: var(--light, #003da5) var(--dark, #003da5);--button-primary-icon-inverse: var(--light, #003da5) var(--dark, #003da5);--button-secondary-default: var(--light, #003da5) var(--dark, #4297d8);--button-secondary-hover: var(--light, #f5f9ff) var(--dark, #112942);--button-secondary-border-hover: var(--light, #003da5) var(--dark, #8acafb);--button-secondary-text: var(--light, #003da5) var(--dark, #8acafb);--button-secondary-icon: var(--light, #003da5) var(--dark, #8acafb);--button-secondary-default-inverse: var(--light, #fff) var(--dark, #091d32);--button-secondary-hover-inverse: var(--light, #fff) var(--dark, #112942);--button-secondary-text-inverse: var(--light, #fff) var(--dark, #091d32);--button-secondary-icon-inverse: var(--light, #fff) var(--dark, #091d32);--button-secondary-disabled: var(--light, #aaaaae) var(--dark, #576375);--button-secondary-text-disabled: var(--light, #8f9095) var(--dark, #576375);--button-secondary-icon-disabled: var(--light, #8f9095) var(--dark, #576375);--button-tertiary-default: var(--light, #f5f9ff) var(--dark, #112942);--button-tertiary-hover: var(--light, #e5efff) var(--dark, #143353);--button-tertiary-text: var(--light, #003da5) var(--dark, #8acafb);--button-tertiary-icon: var(--light, #003da5) var(--dark, #8acafb);--text-primary-only: #003e60;--text-primary: var(--light, #003e60) var(--dark, #fff);--text-primary-alt: var(--light, #003e60) var(--dark, #8acafb);--text-primary-inverse: var(--light, #fff) var(--dark, #091d32);--text-secondary: var(--light, #5c5d67) var(--dark, #becada);--text-secondary-only: #5c5d67;--text-brand: var(--light, #0072af) var(--dark, #8acafb);--text-disabled: var(--light, #75767d) var(--dark, #576375);--text-highlight: var(--light, #0072af) var(--dark, #8acafb);--text-white: #fff;--text-system-info: var(--light, #005786) var(--dark, #66b1e2);--text-system-warning: var(--light, #7a3400) var(--dark, #ffa766);--text-system-error: var(--light, #c43233) var(--dark, #eb7b7b);--text-system-success: var(--light, #267d68) var(--dark, #4bc8aa);--text-system-badge: var(--light, #65164e) var(--dark, #e481c7);--icon-primary: var(--light, #003e60) var(--dark, #fff);--icon-primary-alt: var(--light, #003e60) var(--dark, #6bb5ed);--icon-secondary: var(--light, #5c5d67) var(--dark, #a2b1c3);--icon-tertiary: var(--light, #e9f4fb) var(--dark, #112942);--icon-highlight: var(--light, #0072af) var(--dark, #8acafb);--icon-brand: var(--light, #2476b3) var(--dark, #6bb5ed);--icon-disabled: var(--light, #75767d) var(--dark, #576375);--icon-white: var(--light, #fff) var(--dark, #fff);--icon-system-info: var(--light, #0072af) var(--dark, #66b1e2);--icon-system-warning: var(--light, #ff7510) var(--dark, #ffa766);--icon-system-error: var(--light, #c43233) var(--dark, #eb7b7b);--icon-system-success: var(--light, #267d68) var(--dark, #4bc8aa);--border-primary: var(--light, #8f9095) var(--dark, #8b97a7);--border-secondary: var(--light, #dfdfe0) var(--dark, #3d495c);--border-hover: var(--light, #39a8e5) var(--dark, #6bb5ed);--border-active: var(--light, #003e60) var(--dark, #8acafb);--border-disabled: var(--light, #aaaaae) var(--dark, #576375);--border-system-info: var(--light, #0072af) var(--dark, #66b1e2);--border-system-warning: var(--light, #ff7510) var(--dark, #ffa766);--border-system-error: var(--light, #c43233) var(--dark, #eb7b7b);--border-system-success: var(--light, #267d68) var(--dark, #36b092);--decisiontree-opacity: var(--light, 1) var(--dark, .1);--scale-iframe: .95;color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Marianne,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--text-primary);background:var(--background-primary)}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{height:64px;background:var(--background-primary);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;border-bottom:1px solid var(--border-hover)}.navbar-logo{height:130%;object-fit:contain}.navbar-nav{display:flex;gap:8px}.nav-btn{background:transparent;color:var(--button-primary-default);border:none;border-bottom:1px solid transparent;padding:0 16px;height:64px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.nav-btn--active{background:var(--background-active);border-bottom-color:var(--border-active)}.panels-container{display:flex;flex:1;overflow:hidden}.editor-panel{width:280px;min-width:280px;border-right:1px solid var(--border-secondary);overflow-y:auto;padding:20px 16px;background:var(--background-bel)}.preview-panel{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px;background:var(--background-secondary)}.template-preview-wrapper{width:calc(794px * var(--scale-iframe));height:calc(1123px * var(--scale-iframe));position:relative;overflow:hidden;box-shadow:0 8px 24px #1641942e;background:var(--background-white)}.template-preview-iframe{width:794px;height:1123px;border:none;position:absolute;top:0;left:0;transform-origin:top left;transform:scale(var(--scale-iframe))}.variable-entity-section{margin-bottom:20px}.variable-entity-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);padding-bottom:4px;margin-bottom:10px}.variable-editor-empty{color:var(--text-disabled);font-size:13px}.variable-editor-heading{font-size:13px;font-weight:600;margin-bottom:14px;color:var(--background-brand-alt);text-transform:uppercase;letter-spacing:.05em}.variable-editor-form{display:flex;flex-direction:column;gap:14px}.variable-field{display:flex;flex-direction:column;gap:4px}.variable-field-label{font-size:12px;color:var(--text-primary)}.variable-field-input{padding:6px 8px;border:1px solid var(--border-secondary);border-radius:6px;font-size:13px;outline:none;transition:border-color .15s}.variable-field-input:focus{border-color:var(--border-hover)}.variable-field-textarea{padding:6px 8px;border:1px solid var(--border-secondary);border-radius:6px;font-size:13px;outline:none;transition:border-color .15s;resize:vertical;min-height:5rem;font-family:inherit}.variable-field-textarea:focus{border-color:var(--border-hover)}.variable-field--error .variable-field-input,.variable-field--error .variable-field-textarea{border-color:var(--border-system-error)}.variable-error-message{font-size:.75rem;color:var(--text-system-error);min-height:1em}.generate-pdf-btn{width:100%;margin-top:20px;padding:8px 12px;background-color:var(--button-primary-default);color:var(--button-primary-text);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.generate-pdf-btn:hover:not(:disabled){background-color:var(--button-primary-hover)}.generate-pdf-btn:disabled{background-color:var(--button-primary-disabled);color:var(--button-primary-text-disabled);cursor:not-allowed;opacity:.6}.editor-panel h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.editor-panel form{display:flex;flex-direction:column;gap:10px}.editor-panel input[type=email]{padding:6px 8px;border:1px solid var(--border-secondary);border-radius:6px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;width:100%}.editor-panel input[type=email]:focus{border-color:var(--border-hover)}.editor-panel form button[type=submit]{width:100%;padding:8px 12px;background-color:var(--button-primary-default);color:var(--button-primary-text);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.editor-panel form button[type=submit]:hover:not(:disabled){background-color:var(--button-primary-hover)}.editor-panel form button[type=submit]:disabled{background-color:var(--button-primary-disabled);color:var(--button-primary-text-disabled);cursor:not-allowed;opacity:.6}.editor-panel p[aria-live]{font-size:13px;color:var(--text-secondary);margin-top:10px;min-height:1.2em}.accept-invitation-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:var(--background-primary)}.accept-invitation-container p[aria-live]{font-size:1rem;color:var(--text-primary);text-align:center;max-width:480px;line-height:1.5}.sign-in-completion-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:var(--background-primary)}.sign-in-completion-container p[aria-live]{font-size:1rem;color:var(--text-primary);text-align:center;max-width:480px;line-height:1.5}.sign-in-request-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:var(--background-primary)}.sign-in-request-container h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.sign-in-request-container form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.sign-in-request-container input[type=email]{padding:6px 8px;border:1px solid var(--border-secondary);border-radius:6px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;width:100%}.sign-in-request-container input[type=email]:focus{border-color:var(--border-hover)}.sign-in-request-container form button[type=submit]{width:100%;padding:8px 12px;background-color:var(--button-primary-default);color:var(--button-primary-text);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.sign-in-request-container form button[type=submit]:hover:not(:disabled){background-color:var(--button-primary-hover)}.sign-in-request-container form button[type=submit]:disabled{background-color:var(--button-primary-disabled);color:var(--button-primary-text-disabled);cursor:not-allowed;opacity:.6}.sign-in-request-container p[aria-live]{font-size:13px;color:var(--text-secondary);margin-top:10px;min-height:1.2em}