:root{color:#1f2937;background:#f4f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:1080px;min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-rows:64px 58px minmax(620px,calc(100vh - 150px)) 28px;min-height:100vh}.topbar{display:grid;grid-template-columns:220px minmax(260px,1fr) auto;align-items:center;gap:24px;padding:0 20px;color:#fff;background:linear-gradient(110deg,#4c1d95,#7c3aed 58%,#a855f7);box-shadow:0 2px 12px #37146e3d;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand__mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#6d28d9;background:#fff;font-weight:800;box-shadow:0 5px 18px #1f0e3d40}.brand__name{font-size:15px;font-weight:750;line-height:1.1}.brand__product{margin-top:2px;font-size:11px;color:#e9d5ff}.email-name input{width:100%;max-width:420px;padding:9px 12px;border:1px solid rgb(255 255 255 / 25%);border-radius:8px;color:#fff;background:#ffffff1f;outline:none}.email-name input:focus{border-color:#ffffffb3;background:#ffffff2b}.topbar__actions{display:flex;align-items:center;gap:8px}.button{min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650}.button--ghost{color:#f3e8ff;background:transparent}.button--ghost:hover{background:#ffffff1a}.button--secondary{color:#fff;border-color:#ffffff47;background:#ffffff1f}.button--primary{color:#5b21b6;background:#fff;box-shadow:0 5px 16px #220c4138}.button--send-top{color:#fff;border-color:#fff6;background:#2f1463;box-shadow:0 5px 16px #220c4138}.message-bar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) auto;align-items:center;gap:18px;padding:9px 20px;border-bottom:1px solid #e4e7ec;background:#fff}.message-bar label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}.message-bar label span{color:#667085;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.message-bar input{width:100%;min-width:0;padding:8px 10px;border:1px solid #d7dae0;border-radius:7px;color:#242938;background:#fafafa;outline:none}.message-bar input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.device-toggle{display:flex;padding:3px;border-radius:8px;background:#f1f2f5}.device-toggle button{padding:6px 10px;border:0;border-radius:6px;color:#667085;background:transparent;font-size:12px}.device-toggle button.is-active{color:#5b21b6;background:#fff;box-shadow:0 1px 4px #1018281f}.editor-grid{display:grid;grid-template-columns:238px minmax(600px,1fr) 302px;min-height:0;overflow:hidden}.editor-panel{min-width:0;overflow:hidden;background:#fff}.editor-panel--widgets{border-right:1px solid #e4e7ec}.editor-panel--settings{border-left:1px solid #e4e7ec}.editor-panel__heading{height:42px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #eceef2;color:#344054;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.editor-panel__content{height:calc(100% - 42px);padding:10px;overflow:auto}.editor-stage{position:relative;min-width:0;padding:26px;overflow:auto;background-color:#e9ebf0;background-image:radial-gradient(#d3d6dd .7px,transparent .7px);background-size:16px 16px}.editor-canvas{width:min(100%,760px);min-height:540px;margin:0 auto;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 10px 38px #10182824;transition:width .18s ease}.app-shell[data-device=mobile] .editor-canvas{width:390px}.editor-state{position:absolute;top:50%;left:50%;z-index:2;padding:13px 16px;transform:translate(-50%,-50%);border-radius:9px;color:#5b21b6;background:#fff;box-shadow:0 10px 30px #10182826;font-size:13px;font-weight:650}.editor-state--error{color:#b42318}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#667085;background:#f9fafb;border-top:1px solid #e4e7ec;font-size:11px}.statusbar__logout{margin-left:9px;padding:0;border:0;color:#7c3aed;background:transparent;font-size:11px;font-weight:700}@media(max-width:1220px){.topbar{grid-template-columns:195px minmax(200px,1fr) auto;gap:14px}.editor-grid{grid-template-columns:210px minmax(560px,1fr) 270px}.button{padding-inline:10px}}.workspace-dialog{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px}.workspace-dialog__backdrop{position:absolute;inset:0;background:#190a2d9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.workspace-dialog__panel{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(1060px,calc(100vw - 56px));height:min(760px,calc(100vh - 56px));overflow:hidden;border:1px solid rgb(255 255 255 / 65%);border-radius:18px;background:#f8f7fb;box-shadow:0 30px 90px #18083057}.workspace-dialog__header{display:flex;justify-content:space-between;gap:24px;padding:25px 28px 18px;background:#fff}.workspace-dialog__header h1{margin:4px 0 5px;color:#1f1730;font-size:25px;line-height:1.15}.workspace-dialog__header p{margin:0;color:#667085;font-size:13px}.eyebrow{color:#7c3aed;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.icon-button{width:36px;height:36px;border:0;border-radius:50%;color:#667085;background:#f2f0f6;font-size:23px;line-height:1}.workspace-tabs{display:flex;gap:8px;padding:0 28px 14px;border-bottom:1px solid #e8e5ec;background:#fff}.workspace-tabs button{padding:9px 12px;border:0;border-radius:8px;color:#667085;background:transparent;font-size:12px;font-weight:700}.workspace-tabs button span{margin-left:5px;padding:2px 6px;border-radius:10px;background:#ece9f2;font-size:10px}.workspace-tabs button.is-active{color:#6d28d9;background:#f4efff}.workspace-tabs button.is-active span{background:#e5d9ff}.workspace-dialog__content{min-height:0;padding:22px 28px 28px;overflow:auto}.dialog-alert{margin:14px 28px 0;padding:11px 13px;border:1px solid #fecdca;border-radius:8px;color:#b42318;background:#fef3f2;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.template-card{display:grid;grid-template-rows:168px auto;min-width:0;padding:0;overflow:hidden;border:1px solid #e2dfe7;border-radius:12px;text-align:left;background:#fff;box-shadow:0 4px 14px #1610220d;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.template-card:hover:not(:disabled){transform:translateY(-3px);border-color:#a78bfa;box-shadow:0 12px 24px #482d6e1f}.template-card:disabled{cursor:wait;opacity:.65}.template-card__preview{--template-accent: #7c3aed;display:flex;flex-direction:column;align-items:center;padding:22px 20px;background:linear-gradient(145deg,color-mix(in srgb,var(--template-accent) 10%,white),#f8f7fa);border-bottom:1px solid #eeeaf2}.template-card__logo{width:30px;height:10px;margin-bottom:24px;border-radius:5px;background:var(--template-accent);opacity:.8}.template-card__line{width:66%;height:6px;margin:5px 0;border-radius:5px;background:#c9c4d0}.template-card__line--wide{width:88%;height:11px;background:#4a4355}.template-card__button{width:54px;height:17px;margin-top:17px;border-radius:4px;background:var(--template-accent)}.template-card__copy{display:flex;flex-direction:column;min-width:0;padding:13px 14px 15px}.template-card__category{margin-bottom:5px;color:#7c3aed;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.template-card__copy strong{overflow:hidden;color:#292333;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.template-card__copy small{min-height:30px;margin-top:5px;color:#777181;font-size:10px;line-height:1.45}.draft-list{display:grid;gap:10px;max-width:790px;margin:0 auto}.draft-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #e3dfe8;border-radius:11px;background:#fff}.draft-row.is-current{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed14}.draft-row__open{display:flex;align-items:center;gap:13px;min-width:0;padding:14px;border:0;text-align:left;background:transparent}.draft-row__open>span:last-child{display:grid;min-width:0}.draft-row__icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);font-weight:800}.draft-row__open strong{overflow:hidden;color:#292333;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.draft-row__open small{margin-top:4px;overflow:hidden;color:#7c7586;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.draft-row__delete{margin-right:13px;padding:7px 9px;border:0;border-radius:7px;color:#b42318;background:transparent;font-size:11px;font-weight:700}.draft-row__delete:hover{background:#fef3f2}.dialog-empty{display:grid;place-items:center;min-height:220px;color:#81798a;text-align:center;font-size:13px}.dialog-empty strong{color:#3b3444}.dialog-empty span{margin-top:7px}@media(max-width:1180px){.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-loading,.login-screen{display:grid;min-width:100vw;min-height:100vh;place-items:center;background:radial-gradient(circle at 20% 20%,rgb(192 132 252 / 22%),transparent 35%),radial-gradient(circle at 80% 80%,rgb(124 58 237 / 18%),transparent 32%),#f5f3f8}.app-loading{align-content:center;gap:13px;color:#5f5870;font-size:13px}.login-card{width:400px;padding:38px;border:1px solid rgb(255 255 255 / 90%);border-radius:20px;background:#ffffffeb;box-shadow:0 24px 80px #2c194c29}.login-brand{margin-bottom:24px}.login-brand span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#5b21b6,#a855f7);box-shadow:0 10px 26px #5b21b63d;font-size:20px;font-weight:850}.login-card h1{margin:6px 0 8px;color:#251a38;font-size:25px}.login-card>p{margin:0 0 25px;color:#756d80;font-size:13px;line-height:1.55}.login-card form{display:grid;gap:9px}.login-card label{color:#4c4458;font-size:11px;font-weight:750}.login-card input{width:100%;padding:11px 12px;border:1px solid #d7d2de;border-radius:9px;outline:none}.login-card input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.button--login{width:100%;margin-top:8px;color:#fff;background:linear-gradient(105deg,#5b21b6,#8b5cf6)}.button:disabled{cursor:not-allowed;opacity:.55}.login-error{padding:10px 11px;border:1px solid #fecdca;border-radius:8px;color:#b42318;background:#fef3f2;font-size:11px;line-height:1.4}.send-dialog{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:28px}.send-dialog__panel{position:relative;width:520px;overflow:hidden;border:1px solid rgb(255 255 255 / 70%);border-radius:16px;background:#fff;box-shadow:0 30px 90px #18083057}.send-dialog__panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px}.send-dialog__panel h2{margin:4px 0 0;color:#251d31;font-size:21px}.send-type{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 24px 17px;border-bottom:1px solid #ebe8ef}.send-type button{display:grid;gap:3px;padding:11px 12px;border:1px solid #ddd8e4;border-radius:9px;color:#51495d;text-align:left;background:#faf9fb}.send-type button.is-active{border-color:#8b5cf6;color:#5b21b6;background:#f5f0ff;box-shadow:0 0 0 2px #8b5cf614}.send-type strong{font-size:12px}.send-type span{color:#81798a;font-size:10px}.send-dialog__body{display:grid;gap:14px;padding:20px 24px}.send-dialog__body>label:not(.consent-check){display:grid;gap:7px}.send-dialog__body label>span:first-child{color:#504758;font-size:11px;font-weight:750}.send-dialog textarea{width:100%;resize:vertical;padding:10px 11px;border:1px solid #d7d2de;border-radius:8px;color:#30293a;outline:none}.send-dialog textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.send-dialog label small{color:#898291;font-size:10px}.send-warning{padding:10px 11px;border:1px solid #fedf89;border-radius:8px;color:#93370d;background:#fffaeb;font-size:11px;line-height:1.45}.send-summary{display:grid;gap:4px;padding:10px 11px;border-radius:8px;background:#f7f5f9}.send-summary span{color:#81798a;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.send-summary strong{overflow:hidden;color:#393143;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.consent-check{display:flex;align-items:flex-start;gap:9px;color:#5f5768;font-size:11px;line-height:1.45}.consent-check input{margin-top:2px;accent-color:#7c3aed}.send-dialog__panel>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 24px;border-top:1px solid #ebe8ef;background:#faf9fb}.button--plain{color:#5f5768;border-color:#d7d2de;background:#fff}.button--send{color:#fff;background:#6d28d9;box-shadow:0 5px 15px #6d28d933}