:root{--bg:#16181d;--bg-sidebar:#1b1e24;--bg-elevated:#20242b;--bg-hover:#262b33;--border:#2a2f38;--border-soft:#23272e;--text:#e6e8ec;--text-muted:#8b93a1;--text-dim:#5f6774;--accent:#7c8aff;--accent-soft:#7c8aff1f;--ok:#6ec7a8;--ok-soft:#6ec7a81a;--warn:#d8a36a;--warn-soft:#d8a36a1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-w:232px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{background:var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.logo-container{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:8px;padding:4px 8px 20px;display:flex}.logo-mark{border-radius:var(--radius-sm);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.logo-text{letter-spacing:.01em;color:var(--text);font-size:.95rem;font-weight:600}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-section{flex-direction:column;gap:2px;margin-bottom:18px;display:flex}.nav-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;padding:0 8px;font-size:.68rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text)}.nav-item.active .nav-icon{color:var(--accent)}.nav-item.disabled,.nav-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.nav-item.disabled:hover{color:var(--text-muted);background:0 0}.nav-item--button{margin-top:4px}.nav-icon{width:18px;height:18px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:inline-flex}.nav-item:hover .nav-icon{color:var(--text)}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-badge{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600;line-height:1.4}.nav-item.active .nav-badge{color:var(--accent);background:#7c8aff2e;border-color:#0000}.main{flex-direction:column;flex:1;min-width:0;padding:24px 28px 48px;display:flex}.topbar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.topbar-user{color:var(--text-muted);font-size:.82rem}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-outline{border-color:var(--border);color:var(--text-muted);background:0 0}.btn-outline:hover{background:var(--bg-hover);color:var(--text);border-color:#3a4049}.banner{border-radius:var(--radius-md);border-left:3px solid #0000;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:.83rem;display:flex}.banner strong{font-weight:600}.banner--ok{background:var(--ok-soft);border-left-color:var(--ok);color:var(--ok)}.banner--warn{background:var(--warn-soft);border-left-color:var(--warn);color:var(--warn)}.banner svg{flex-shrink:0}.bg-animation{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-gradient-orb{filter:blur(120px);opacity:.05;background:var(--accent);border-radius:50%;width:420px;height:420px;position:absolute}.bg-gradient-orb:first-child{top:-10%;left:-5%}.bg-gradient-orb:nth-child(2){background:#6ec7a8;bottom:-15%;right:-10%}.bg-gradient-orb:nth-child(3){background:#8b93a1;top:40%;left:45%}.sidebar,.main{z-index:1;position:relative}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar::-webkit-scrollbar-track{background:0 0}@media (width<=768px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:relative}.main{padding:18px 16px 40px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}body{color:#e6edf3;background:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}.app-container{background:radial-gradient(circle at top,#161b22 0%,#0d1117 60%);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px 96px;display:flex}.composer{background:#161b22;border:1px solid #21262d;border-radius:14px;flex-direction:column;width:100%;max-width:1040px;display:flex;overflow:visible;box-shadow:0 10px 40px #0009}.composer-header{background:#1c2128;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.composer-header h2{color:#e6edf3;font-size:18px;font-weight:600}.composer-header-actions{gap:8px;display:flex}.header-btn{cursor:pointer;color:#c9d1d9;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .15s}.header-btn:hover:not(:disabled){background:#30363d;border-color:#484f58}.header-btn:disabled{opacity:.4;cursor:not-allowed}.composer-field{border-bottom:1px solid #21262d;align-items:flex-start;padding:10px 24px;display:flex;position:relative}.field-label{color:#7d8590;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;width:70px;padding-top:6px;font-size:13px;font-weight:500}.field-body{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.field-error{color:#f85149;font-size:12px;position:absolute;bottom:-18px;left:94px}.field-error-inline{color:#f85149;margin-top:8px;font-size:12px}.recipient-chips{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-height:32px;display:flex}.chip{color:#a5b4fc;text-overflow:ellipsis;white-space:nowrap;background:#1f2a44;border:1px solid #2f3d63;border-radius:16px;align-items:center;gap:4px;max-width:220px;padding:4px 10px 4px 12px;font-size:13px;display:inline-flex;overflow:hidden}.chip-remove{cursor:pointer;color:#a5b4fc;background:0 0;border:none;border-radius:50%;padding:0 2px;font-size:16px;line-height:1;transition:background .15s}.chip-remove:hover{background:#2f3d63}.chip-input{color:#e6edf3;background:0 0;border:none;outline:none;flex:1;min-width:140px;padding:4px 0;font-size:14px}.chip-input::placeholder{color:#6e7681}.toggle-link{color:#58a6ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px}.toggle-link:hover{background:#58a6ff1f;text-decoration:underline}.subject-input{color:#e6edf3;background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.subject-input::placeholder{color:#6e7681}.template-row .field-body{gap:8px}.template-select{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.template-select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.editor-wrapper{border-bottom:1px solid #21262d;flex-direction:column;min-height:480px;display:flex}.toolbar{background:#1c2128;border-bottom:1px solid #21262d;flex-wrap:wrap;align-items:center;gap:3px;padding:10px 20px;display:flex}.toolbar-btn{cursor:pointer;color:#c9d1d9;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;min-width:32px;padding:4px 8px;font-size:13px;transition:all .15s}.toolbar-btn:hover:not(:disabled){background:#30363d;border-color:#484f58}.toolbar-btn.is-active{color:#a5b4fc;background:#1f2a44;border-color:#3b4a75}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.editor-content{padding:28px 36px}.email-editor-content{color:#e6edf3;word-wrap:break-word;overflow-wrap:break-word;outline:none;min-height:420px;font-size:16px;line-height:1.8}.email-editor-content p{margin:0 0 12px}.email-editor-content h1,.email-editor-content h2,.email-editor-content h3{color:#f0f6fc;margin:16px 0 8px}.email-editor-content h1{font-size:28px}.email-editor-content h2{font-size:22px}.email-editor-content h3{font-size:18px}.email-editor-content ul,.email-editor-content ol{margin:8px 0;padding-left:24px}.email-editor-content li{margin:4px 0}.email-editor-content a{color:#58a6ff;text-decoration:underline}.email-editor-content blockquote{color:#8b949e;border-left:3px solid #30363d;margin:12px 0;padding-left:12px}.email-editor-content hr{border:none;border-top:1px solid #30363d;margin:16px 0}.email-editor-content img,.email-image{border-radius:6px;max-width:100%;height:auto;margin:8px 0;display:block}.email-editor-content .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#6e7681;pointer-events:none;height:0}.attachments-section{border-bottom:1px solid #21262d;padding:12px 24px}.attachments-header{align-items:center;gap:12px;display:flex}.attachments-label{color:#7d8590;text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:500}.attach-btn{cursor:pointer;color:#c9d1d9;background:0 0;border:1px dashed #30363d;border-radius:6px;padding:4px 10px;font-size:13px;transition:all .15s}.attach-btn:hover{color:#58a6ff;background:#21262d;border-color:#58a6ff}.hidden-file-input{display:none}.attachments-list{flex-direction:column;gap:4px;margin-top:8px;list-style:none;display:flex}.attachment-item{background:#1c2128;border:1px solid #21262d;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;color:#e6edf3;flex:1;overflow:hidden}.attachment-size{color:#6e7681;flex-shrink:0;font-size:12px}.attachment-remove{cursor:pointer;color:#6e7681;background:0 0;border:none;border-radius:50%;padding:0 4px;font-size:16px;line-height:1;transition:all .15s}.attachment-remove:hover{color:#f85149;background:#f8514926}.composer-footer{background:#1c2128;align-items:center;gap:12px;padding:16px 24px;display:flex}.send-btn{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.send-btn:hover:not(:disabled){background:#388bfd}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{color:#8b949e;cursor:not-allowed;background:#1f3a6f}.discard-btn{cursor:pointer;color:#c9d1d9;background:0 0;border:1px solid #30363d;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .15s}.discard-btn:hover{background:#21262d;border-color:#484f58}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#010409bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#161b22;border:1px solid #30363d;border-radius:12px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.2s ease-out modalIn;display:flex;box-shadow:0 20px 60px #000000b3}.modal-content.image-modal{max-width:520px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#e6edf3;font-size:16px;font-weight:600}.modal-close{cursor:pointer;color:#7d8590;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:24px;line-height:1;transition:all .15s}.modal-close:hover{color:#e6edf3;background:#21262d}.modal-body{padding:20px 24px;overflow-y:auto}.preview-meta{color:#8b949e;flex-direction:column;gap:4px;font-size:13px;display:flex}.preview-meta strong{color:#e6edf3}.preview-body{color:#e6edf3;word-wrap:break-word;margin-top:16px;font-size:14px;line-height:1.7}.preview-body a{color:#58a6ff}.preview-body img{border-radius:6px;max-width:100%}.image-modal-tabs{border-bottom:1px solid #21262d;gap:4px;padding:12px 24px 0;display:flex}.tab-btn{cursor:pointer;color:#8b949e;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px;transition:all .15s}.tab-btn:hover{color:#e6edf3}.tab-btn.is-active{color:#58a6ff;border-bottom-color:#58a6ff}.image-label{color:#7d8590;text-transform:uppercase;letter-spacing:.03em;margin-top:12px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.image-label:first-child{margin-top:0}.image-input{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.image-input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.image-input::placeholder{color:#6e7681}.image-file-input{color:#c9d1d9;cursor:pointer;background:#0d1117;border:1px dashed #30363d;border-radius:6px;width:100%;padding:8px;font-size:13px}.image-file-input::file-selector-button{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:4px;margin-right:10px;padding:4px 10px;font-size:12px;transition:all .15s}.image-file-input::file-selector-button:hover{background:#30363d;border-color:#484f58}.modal-footer{border-top:1px solid #21262d;gap:12px;padding:16px 24px;display:flex}.image-wrapper{margin:12px 0;display:block}.image-wrapper.is-selected .image-container{outline-offset:2px;outline:2px solid #58a6ff}.image-wrapper.is-resizing{-webkit-user-select:none;user-select:none}.image-container{border-radius:6px;max-width:100%;line-height:0;display:inline-block;position:relative}.image-container img{pointer-events:none;border-radius:6px;width:100%;height:auto;display:block}.resize-handle{cursor:ew-resize;z-index:5;background:#58a6ff;border-radius:4px;width:12px;height:32px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0006}.resize-handle-left{left:-6px}.resize-handle-right{right:-6px}.resize-handle:hover{background:#79c0ff}.image-size-badge{color:#c9d1d9;white-space:nowrap;pointer-events:none;background:#161b22;border:1px solid #30363d;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.width-slider{accent-color:#58a6ff;width:100%;margin-top:4px}.email-button-wrapper{margin:12px 0;display:block}.email-button-align{display:block}.email-button-align.align-left{text-align:left}.email-button-align.align-center{text-align:center}.email-button-align.align-right{text-align:right}.email-button-preview{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px dashed #0000;border-radius:8px;padding:12px 28px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-block}.email-button-preview:hover{opacity:.9;border-color:#fff6}.email-button-preview.is-selected{outline-offset:3px;outline:2px dashed #58a6ff}.button-modal{max-width:560px}.color-presets{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;transition:transform .1s,border-color .15s;display:flex}.color-preset:hover{transform:scale(1.08)}.color-preset.is-active{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff4d}.color-custom-row{gap:12px;margin-top:8px;display:flex}.color-custom{flex:1}.color-input-wrap{align-items:center;gap:8px;display:flex}.color-picker{cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:6px;flex-shrink:0;width:40px;height:34px;padding:0}.color-hex{flex:1;font-family:ui-monospace,monospace}.align-buttons{gap:8px;margin-bottom:6px;display:flex}.align-btn{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;transition:all .15s}.align-btn:hover{background:#30363d}.align-btn.is-active{color:#58a6ff;background:#1f2a44;border-color:#58a6ff}.button-preview-box{background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-top:4px;padding:20px}.button-preview-box.align-left{text-align:left}.button-preview-box.align-center{text-align:center}.button-preview-box.align-right{text-align:right}.danger-btn{cursor:pointer;color:#f85149;background:0 0;border:1px solid #f85149;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .15s}.danger-btn:hover{background:#f851491f}.attachments-section{transition:background .15s,border-color .15s}.attachments-section.is-dragging{outline-offset:-6px;background:#58a6ff14;border-color:#58a6ff;outline:2px dashed #58a6ff}.drop-hint{text-align:center;color:#58a6ff;background:#58a6ff14;border-radius:6px;margin-top:8px;padding:12px;font-size:13px}.attachment-icon{flex-shrink:0;font-size:16px}.attachment-badge{color:#fff;letter-spacing:.05em;background:#f85149;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.preview-body [data-email-button]{border-radius:8px!important;padding:12px 28px!important;font-weight:600!important;text-decoration:none!important;display:inline-block!important}.preview-body [data-email-button-wrap]{margin:16px 0!important}.preview-body img{height:auto!important}.email-editor-content{position:relative}.node-drag-handle{color:#8b949e;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;background:#21262d;border:1px solid #30363d;border-radius:4px;justify-content:center;align-items:center;width:22px;height:32px;font-size:14px;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.image-wrapper:hover .node-drag-handle,.email-button-wrapper:hover .node-drag-handle,.image-wrapper.is-selected .node-drag-handle,.email-button-wrapper.is-selected .node-drag-handle{opacity:1}.node-drag-handle:hover{color:#58a6ff;background:#30363d}.node-drag-handle:active{cursor:grabbing}.node-control-bar{z-index:20;white-space:nowrap;background:#161b22;border:1px solid #30363d;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;top:-40px;right:0;box-shadow:0 6px 20px #00000080}.node-control-btn{cursor:pointer;color:#c9d1d9;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.node-control-btn:hover{background:#30363d}.node-control-btn.is-active{color:#58a6ff;background:#1f2a44;border-color:#58a6ff}.node-control-btn.danger:hover{color:#f85149;background:#f8514926}.image-container.img-align-left{margin:12px 0;display:block}.image-container.img-align-center{margin:12px auto;display:block}.image-container.img-align-right{margin:12px 0 12px auto;display:block}.image-container.img-align-float-left{float:left;margin:8px 16px 8px 0}.image-container.img-align-float-right{float:right;margin:8px 0 8px 16px}.email-editor-content:after{content:"";clear:both;display:table}.image-wrapper.is-free,.email-button-wrapper.is-free{height:0;position:relative;overflow:visible}.image-wrapper.is-free .image-container{-webkit-user-select:none;user-select:none;border-radius:8px;box-shadow:0 8px 32px #00000080}.image-wrapper.is-dragging .image-container,.email-button-wrapper.is-dragging .email-button-align{opacity:.85;transition:none}.image-wrapper.is-free .node-drag-handle,.email-button-wrapper.is-free .node-drag-handle{display:none}.image-wrapper.is-free.is-selected .image-container{outline-offset:4px;outline:2px solid #58a6ff}.email-button-wrapper.is-free .email-button-align{display:inline-block;position:absolute}.email-button-wrapper.is-free .email-button-align.align-left,.email-button-wrapper.is-free .email-button-align.align-center,.email-button-wrapper.is-free .email-button-align.align-right{text-align:left}.email-button-wrapper.is-selected .email-button-preview{outline-offset:3px;outline:2px dashed #58a6ff}.preview-body img[data-free=true]{position:absolute}.composer-header{border-top-left-radius:14px;border-top-right-radius:14px}.composer-footer{border-bottom-right-radius:14px;border-bottom-left-radius:14px}.attachments-section{max-height:none;overflow:visible}.image-container,.email-button-preview{cursor:grab}.image-container:active,.email-button-preview:active{cursor:grabbing}.image-container .resize-handle,.email-button-preview .btn-resize-handle{cursor:ew-resize}.btn-resize-handle{cursor:nwse-resize;z-index:6;background:#58a6ff;border:2px solid #161b22;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 4px #00000080}.btn-resize-handle:hover{background:#79c0ff;transform:scale(1.15)}.image-wrapper.is-dragging,.email-button-wrapper.is-dragging{z-index:30}.image-wrapper.is-dragging .image-container,.email-button-wrapper.is-dragging .email-button-align{opacity:.9;box-shadow:0 12px 40px #0009}.email-button-wrapper{display:block}.template-block{background:#0d1117;border:1px solid #30363d;border-radius:10px;margin:16px 0;display:block;position:relative;overflow:hidden}.template-block.is-selected{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff40}.template-block-toolbar{background:#161b22;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.template-block-name{color:#c9d1d9;letter-spacing:.02em;font-size:12px;font-weight:600}.template-block-actions{gap:4px;display:flex}.template-block-frame{background:#fff;border:0;width:100%;display:block}.html-editor-modal{width:100%;max-width:900px}.html-textarea{color:#e6edf3;resize:vertical;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;width:100%;min-height:60vh;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.html-textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.link-editor-modal{width:100%;max-width:720px}.modal-description{color:#8b949e;margin-bottom:16px;font-size:13px;line-height:1.6}.empty-message{text-align:center;color:#6e7681;background:#0d1117;border:1px dashed #30363d;border-radius:8px;padding:32px 16px;font-size:14px}.links-list{flex-direction:column;gap:14px;display:flex}.link-card{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:14px 16px}.link-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.link-card-index{color:#58a6ff;letter-spacing:.05em;background:#1f2a44;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.link-card-type{color:#8b949e;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.link-card .image-label{margin-top:10px}.link-card .image-label:first-of-type{margin-top:0}.from-row .field-body{gap:8px}.from-select{color:#e6edf3;cursor:pointer;appearance:none;background:#21262d url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e") right 10px center no-repeat;border:1px solid #30363d;border-radius:6px;outline:none;flex:1;padding:6px 32px 6px 10px;font-size:14px;transition:border-color .15s,box-shadow .15s}.from-select:hover{border-color:#484f58}.from-select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.from-select option{color:#e6edf3;background:#161b22}.sndr-root{background:radial-gradient(circle at top,#161b22 0%,#0d1117 60%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:48px 24px 96px;display:flex}.sndr-root>.composer-header{width:100%;max-width:1040px}.sndr-spinner{border:2px solid #58a6ff33;border-top-color:#58a6ff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite sndr-spin;display:inline-block}@keyframes sndr-spin{to{transform:rotate(360deg)}}.sndr-toast{z-index:2000;color:#e6edf3;background:#161b22;border:1px solid #30363d;border-radius:8px;align-items:center;gap:12px;min-width:260px;max-width:420px;padding:12px 16px;font-size:13px;line-height:1.4;animation:.2s ease-out sndr-toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #00000080}.sndr-toast button{color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:opacity .15s}.sndr-toast button:hover{opacity:1}.sndr-toast-info{border-left:3px solid #58a6ff}.sndr-toast-success{background:#0f2417;border-color:#2ea043 #2ea043 #2ea043 #3fb950;border-left-style:solid;border-left-width:3px}.sndr-toast-error{background:#2d0f11;border-color:#f85149;border-left-style:solid;border-left-width:3px}@keyframes sndr-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sndr-var-bar{background:#1c2128;border-bottom:1px solid #21262d;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 24px;display:flex}.sndr-var-label{color:#7d8590;text-transform:uppercase;letter-spacing:.05em;margin-right:6px;font-size:11px;font-weight:600}.sndr-var-btn{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:5px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;transition:all .15s}.sndr-var-btn:hover{color:#e6edf3;background:#30363d;border-color:#484f58}.sndr-var-btn-link{color:#a5b4fc;background:#1f2a44;border-color:#3b4a75;margin-left:auto;font-family:inherit;font-weight:500}.sndr-var-btn-link:hover{color:#e0e7ff;background:#2a3660;border-color:#58a6ff}.sndr-progress{background:#161b22;border-top:1px solid #21262d;padding:14px 24px}.sndr-progress-track{background:#21262d;border-radius:3px;width:100%;height:6px;overflow:hidden}.sndr-progress-fill{background:linear-gradient(90deg,#1f6feb,#58a6ff);border-radius:3px;height:100%;transition:width .3s}.sndr-progress-msg{color:#8b949e;word-break:break-word;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.composer-field.sndr-field-has-error{flex-wrap:wrap}.sndr-field-error{color:#f85149;word-break:break-word;flex-shrink:0;flex-basis:100%;margin-top:6px;font-size:12px;line-height:1.5}.composer-field.sndr-field-has-error .sndr-field-error{padding-left:94px}.phish-link-modal{width:100%;max-width:640px}.phish-link-section{background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-bottom:12px;padding:14px 16px}.phish-link-section:last-of-type{margin-bottom:0}.phish-link-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.phish-link-icon{flex-shrink:0;font-size:22px;line-height:1}.phish-link-title{color:#e6edf3;font-size:14px;font-weight:600;line-height:1.3}.phish-link-sub{color:#8b949e;margin-top:2px;font-size:11px;line-height:1.4}.phish-link-url{color:#93c5fd;word-break:break-all;background:#161b22;border:1px solid #30363d;border-radius:5px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;display:block}.phish-link-note{color:#fde68a;background:#eab30814;border:1px solid #eab30840;border-radius:5px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.5}.phish-link-loading{color:#8b949e;padding:6px 0;font-size:12px;font-style:italic}.phish-link-error{color:#f87171;padding:6px 0;font-size:12px;line-height:1.4}.phish-link-label-row{background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-bottom:12px;padding:14px 16px}.phish-link-label-row .image-label{margin-top:0}.phish-link-label-hint{color:#6b7280;margin-top:6px;font-size:11px;line-height:1.5}.bubble-menu{background:#161b22;border:1px solid #30363d;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 6px 20px #00000080}.bubble-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:4px 8px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.bubble-btn:hover{background:#30363d}.bubble-btn.is-active{color:#58a6ff;background:#1f2a44;border-color:#58a6ff}.bubble-divider{background:#30363d;width:1px;height:16px;margin:0 2px}.inline-link-modal{width:100%;max-width:440px}.insert-target-banner{color:#86efac;background:#22c55e14;border:1px solid #22c55e59;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.insert-target-icon{flex-shrink:0;font-size:14px}.insert-target-banner strong{color:#d1fae5;font-weight:600}.pdf-generator-container{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.pdf-generator-card{background:#fff;border-radius:16px;width:100%;max-width:640px;padding:40px 48px;transition:box-shadow .2s;box-shadow:0 8px 30px #00000014}.pdf-generator-card:hover{box-shadow:0 12px 40px #0000001f}.pdf-generator-card h2{color:#1a1a2e;margin-top:0;margin-bottom:8px;font-size:28px;font-weight:600}.subtitle{color:#666;margin-bottom:28px;font-size:15px;line-height:1.5}.pdf-form .form-group{margin-bottom:24px}.form-label{color:#333;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-input{background:#fafbfc;border:1px solid #d0d7de;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-hint{color:#888;margin-top:4px;font-size:12px;display:block}.file-upload-wrapper{position:relative}.file-input{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute}.file-upload-label{cursor:pointer;color:#333;text-align:center;background:#fafbfc;border:2px dashed #d0d7de;border-radius:8px;width:100%;padding:12px 20px;font-size:15px;transition:background .2s,border-color .2s;display:inline-block}.file-upload-label:hover{background:#f0f2ff;border-color:#667eea}.form-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #667eea59}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea73}.btn-generate:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 8px #667eea33;transform:none!important}.btn-clear{color:#555;cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;padding:14px 20px;font-size:14px;transition:background .2s}.btn-clear:hover{background:#e0e0e0}.message{border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:500}.message.error{color:#b3403a;background:#fee9e7;border:1px solid #f5c6c2}.message.success{color:#1a6e3b;background:#e4f3e4;border:1px solid #b8d9b8}.spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.info-note{color:#888;border-top:1px solid #eee;margin-top:28px;padding-top:16px;font-size:13px}.info-note strong{color:#555}.coordinate-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-top:6px;display:grid}.coord-group{flex-direction:column;display:flex}.coord-group label{color:#555;margin-bottom:2px;font-size:12px;font-weight:600}.coord-input{text-align:center;padding:8px 10px;font-size:14px}@media (width<=600px){.coordinate-grid{grid-template-columns:1fr 1fr}}.color-label{color:#000;margin-bottom:2px;font-size:12px;font-weight:600}:root{--bg-primary:#0a0a1a;--bg-secondary:#13132b;--bg-tertiary:#1a1a35;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff26;--glass-bg:#0f0f2899;--glass-bg-hover:#191937cc;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 48px #0009;--sidebar-width:260px;--header-height:60px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#3b82f64d}::-webkit-scrollbar-thumb:hover{background:#3b82f680}.bg-animation{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-gradient-orb{filter:blur(100px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.bg-gradient-orb:first-child{background:var(--accent-blue);width:600px;height:600px;animation-delay:0s;top:-200px;left:-100px}.bg-gradient-orb:nth-child(2){background:var(--accent-purple);width:500px;height:500px;animation-delay:-7s;bottom:-200px;right:-100px}.bg-gradient-orb:nth-child(3){background:var(--accent-cyan);width:400px;height:400px;animation-delay:-14s;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(100px,-100px)scale(1.1)}50%{transform:translate(-50px,50px)scale(.9)}75%{transform:translate(-100px,-50px)scale(1.05)}}.app{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-right:1px solid var(--border-subtle);height:100vh;transition:var(--transition-smooth);z-index:20;flex-direction:column;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:10px;margin-bottom:2.5rem;padding:0 .75rem;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #3b82f64d}.logo-text{background:linear-gradient(135deg,#fff,#93c5fd,#8b5cf6);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.nav-section{margin-bottom:1.5rem}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:.75rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.nav-item{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);align-items:center;gap:12px;margin:.2rem 0;padding:.7rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#3b82f61f;transform:translate(2px)}.nav-item.active{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3b82f633,#8b5cf61a)}.nav-item.active:before{content:"";background:var(--accent-blue);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:20%;left:0}.nav-icon{text-align:center;opacity:.9;width:24px;font-size:1.2rem}.nav-badge{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:700}.main{flex:1;max-height:100vh;padding:2rem 2.5rem;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-title{letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{opacity:.8;margin-bottom:.75rem;font-size:2rem}.stat-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-value.blue{color:var(--accent-blue)}.stat-value.green{color:var(--accent-green)}.stat-value.purple{color:var(--accent-purple)}.stat-value.orange{color:var(--accent-orange)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.stat-change{margin-top:.5rem;font-size:.75rem;font-weight:600}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-smooth);margin-bottom:1.5rem;padding:1.5rem}.glass-panel:hover{border-color:var(--border-medium)}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.panel-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#0003;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-medium);text-transform:uppercase;letter-spacing:.5px;background:#0000004d;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.9rem 1.25rem}tbody tr{transition:background .2s}tbody tr:hover{background:#3b82f614}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);letter-spacing:.3px;border:none;align-items:center;gap:6px;padding:.55rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-success{background:var(--accent-green);color:#fff}.btn-danger{background:var(--accent-red);color:#fff}.btn-warning{background:var(--accent-orange);color:#fff}.btn-outline{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0}.btn-outline:hover{background:#ffffff0d}.btn-sm{padding:.35rem .8rem;font-size:.7rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9rem}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.badge{border-radius:var(--radius-full);letter-spacing:.5px;align-items:center;padding:.25rem .9rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{color:var(--accent-green);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--accent-orange);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.input-group{margin-bottom:1rem}.input-label{color:var(--text-secondary);letter-spacing:.3px;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.search-input,select,textarea{border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);width:100%;transition:var(--transition-fast);background:#0f0f23cc;padding:.65rem 1.2rem;font-family:Inter,sans-serif;font-size:.85rem}textarea{border-radius:var(--radius-md);resize:vertical;min-height:120px;padding:1rem}.search-input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);background:#141428e6;outline:none;box-shadow:0 0 0 3px #3b82f61a}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.tabs{border-bottom:1px solid var(--border-subtle);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.tab{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-muted);background:0 0;border:none;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600}.tab:hover{color:var(--text-primary);background:#3b82f61a}.tab.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #3b82f64d}.email-chip{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-primary);background:#3b82f626;border:1px solid #3b82f633;align-items:center;gap:6px;margin:.3rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.email-chip:hover{border-color:var(--accent-blue);background:#3b82f64d;transform:scale(1.05)}.email-chip.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.composer-layout{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}.preview-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#0a0a1ecc;padding:1.5rem;position:sticky;top:1rem}.preview-subject{color:var(--accent-cyan);border-radius:var(--radius-md);border-left:3px solid var(--accent-cyan);background:#06b6d41a;margin-bottom:1rem;padding:.75rem;font-size:1rem;font-weight:700}.preview-body{color:var(--text-secondary);border-radius:var(--radius-md);background:#0003;max-height:400px;padding:.75rem;font-size:.85rem;line-height:1.6;overflow-y:auto}.variable-buttons{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.var-btn{border-radius:var(--radius-full);cursor:pointer;color:#c4b5fd;transition:var(--transition-fast);background:#8b5cf626;border:1px solid #8b5cf64d;padding:.3rem .9rem;font-size:.75rem;font-weight:600}.var-btn:hover{background:var(--accent-purple);color:#fff;transform:translateY(-1px)}.contact-list{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#0000004d;max-height:280px;padding:.75rem;overflow-y:auto}.contact-item{cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.contact-item:hover{background:#3b82f626}.contact-item.selected{background:#3b82f640;border:1px solid #3b82f64d}.contact-checkbox{accent-color:var(--accent-blue);width:16px;height:16px}.modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-strong);width:90%;max-width:700px;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-full);z-index:2000;border:1px solid var(--border-strong);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:500;animation:.3s toastIn,.3s 2.5s forwards toastOut;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-success{border-left:4px solid var(--accent-green)}.toast-error{border-left:4px solid var(--accent-red)}.toast-info{border-left:4px solid var(--accent-blue)}.toast-warning{border-left:4px solid var(--accent-orange)}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.spinner{border:2px solid #fff3;border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.page-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.page-btn:hover{background:#ffffff1a}.page-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.page-btn:disabled{opacity:.4;cursor:default}.progress-bar{border-radius:var(--radius-full);background:#ffffff1a;height:4px;margin-top:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:var(--radius-full);height:100%;transition:width .6s}.cookie-box{border-radius:var(--radius-md);word-break:break-all;border:1px solid var(--border-medium);color:#a5f3fc;background:#00000080;max-height:200px;padding:1rem;font-family:Courier New,monospace;font-size:.75rem;overflow-y:auto}.cookie-box .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.75rem;font-family:Inter,sans-serif;font-size:.7rem;display:block}.cookie-box .label:first-child{margin-top:0}.cookie-box .value{border-radius:var(--radius-sm);color:#c4b5fd;background:#0000004d;margin-top:.25rem;margin-bottom:.5rem;padding:.25rem .5rem;display:block}.device-code-box{border:1px dashed var(--accent-cyan);border-radius:var(--radius-md);text-align:center;background:#0009;margin:1rem 0;padding:1rem}.device-code-box .code{color:var(--accent-cyan);letter-spacing:3px;font-family:Courier New,monospace;font-size:2rem;font-weight:800}.device-code-box .url{color:var(--text-secondary);font-size:.8rem}@media (width<=968px){.sidebar{align-items:center;width:80px;padding:1rem .5rem}.nav-label,.nav-section-title,.logo-text,.nav-badge{display:none}.logo-container{justify-content:center}.nav-item{justify-content:center;padding:.7rem}.main{padding:1.5rem}.composer-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:1rem}}.nav-item.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.nav-item.disabled .nav-icon{opacity:.5}.enhanced-input,.enhanced-textarea,.enhanced-select{background:var(--input-bg,#0a0a1eb3);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);width:100%;transition:all var(--transition-fast);padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem}.enhanced-input:focus,.enhanced-textarea:focus,.enhanced-select:focus{border-color:var(--accent-blue);background:var(--input-bg-focus,#0f0f28e6);outline:none;box-shadow:0 0 0 4px #3b82f614}.enhanced-textarea{resize:vertical;min-height:180px;line-height:1.7}.enhanced-select[multiple]{background-image:none;min-height:160px;padding:.5rem}.enhanced-select[multiple] option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;margin:2px 0;padding:.6rem .75rem;font-weight:500}.enhanced-select[multiple] option:checked{color:#fff;background:linear-gradient(135deg,#3b82f64d,#8b5cf633);font-weight:600}.recipient-chips{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.recipient-chip{border-radius:var(--radius-full);color:#bfdbfe;cursor:pointer;transition:var(--transition-fast);background:#3b82f626;border:1px solid #3b82f640;align-items:center;gap:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.recipient-chip:hover{border-color:var(--accent-blue);background:#3b82f64d}.recipient-chip .chip-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:flex}.recipient-chip .chip-remove{opacity:.6;margin-left:2px;font-size:.9rem;line-height:1}.recipient-chip:hover .chip-remove{opacity:1;color:var(--accent-red)}.variable-toolbar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem;padding:.6rem 0;display:flex}.variable-toolbar .toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:.25rem;font-size:.7rem;font-weight:600}.preview-email-header{border-radius:var(--radius-md);border-left:3px solid var(--accent-cyan);background:#0000004d;margin-bottom:1rem;padding:1rem}.preview-field{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem}.preview-field span{color:var(--text-secondary)}.preview-subject-line{color:var(--accent-cyan);border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.5rem;font-size:1rem;font-weight:700}.preview-body{color:var(--text-secondary);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;background:#00000040;max-height:400px;padding:1rem;font-size:.85rem;line-height:1.7;overflow-y:auto}.preview-body .var-highlight{color:#c4b5fd;background:#8b5cf633;border-radius:4px;padding:.1rem .3rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.preview-recipient-summary{border-radius:var(--radius-md);background:#0003;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;display:flex}.count-badge{background:var(--accent-blue);color:#fff;border-radius:var(--radius-full);padding:.2rem .8rem;font-size:.8rem;font-weight:700}.var-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.tip-tap-editor .ProseMirror{min-height:180px;color:var(--text-primary);outline:none;padding:.5rem}.tip-tap-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tip-tap-editor .ProseMirror strong{font-weight:700}.tip-tap-editor .ProseMirror em{font-style:italic}.tip-tap-editor .ProseMirror u{text-decoration:underline}.tip-tap-editor .ProseMirror ul{padding-left:1.5rem;list-style-type:disc}.tip-tap-editor .ProseMirror ol{padding-left:1.5rem;list-style-type:decimal}.tip-tap-editor .ProseMirror blockquote{border-left:3px solid var(--accent-blue);color:var(--text-secondary);margin:.5rem 0;padding-left:1rem}.tip-tap-editor .ProseMirror code{background:#ffffff1a;border-radius:4px;padding:.2rem .4rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.tip-tap-editor .ProseMirror img{border-radius:var(--radius-md);max-width:100%;height:auto}.tip-tap-editor .ProseMirror a{color:var(--accent-cyan);text-decoration:underline}.tiptap-toolbar{border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#00000040;border-bottom:none;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.5rem;display:flex}.toolbar-divider{background:var(--border-medium);width:1px;height:24px;margin:0 .2rem}.toolbar-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-width:28px;height:28px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.toolbar-btn:hover{color:var(--text-primary);background:#ffffff14}.toolbar-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.toolbar-btn.active:hover{background:var(--accent-blue)}.color-picker-wrapper{align-items:center;gap:.2rem;display:flex}.color-picker-wrapper input[type=color]{border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border-radius:4px}.editor-wrapper{background:var(--input-bg);border:1px solid var(--border-medium);border-radius:0 0 var(--radius-md) var(--radius-md);padding:.5rem}.editor-wrapper .ProseMirror{min-height:200px}.editor-wrapper .ProseMirror:focus{outline:none}.bubble-menu{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-medium);box-shadow:var(--shadow-md);gap:.2rem;padding:.3rem;display:flex}.bubble-menu .toolbar-btn{font-size:.75rem}.bubble-menu .toolbar-btn.active{background:var(--accent-blue);color:#fff}.tip-tap-editor .ProseMirror{min-height:200px;color:var(--text-primary);outline:none;padding:.5rem;font-size:.9rem}.tip-tap-editor .ProseMirror p{margin:0 0 .75rem;line-height:1.7}.tip-tap-editor .ProseMirror p:last-child{margin-bottom:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0c1017;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.wm-shell{flex-direction:column;min-height:100vh;display:flex}.wm-header{background:#131920;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex}.wm-brand{color:#e2e8f0;letter-spacing:-.02em;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.wm-brand-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.wm-nav{align-items:center;gap:4px;display:flex}.wm-nav a{color:#94a3b8;border-radius:6px;padding:7px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s}.wm-nav a:hover{color:#e2e8f0;background:#ffffff0d;text-decoration:none}.wm-nav a.active{color:#60a5fa;background:#3b82f624}.wm-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:28px}.wm-page-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.wm-page-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.wm-page-sub{color:#64748b;margin-top:3px;font-size:.82rem}.wm-panel{background:#131920;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.wm-panel+.wm-panel{margin-top:20px}.wm-panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wm-panel-title{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.wm-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.wm-input{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.wm-input:focus{border-color:#3b82f6}.wm-input::placeholder{color:#475569}.wm-btn{white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.wm-btn:disabled{opacity:.5;cursor:not-allowed}.wm-btn-primary{color:#fff;background:#3b82f6}.wm-btn-primary:hover:not(:disabled){background:#2563eb}.wm-btn-success{color:#052e16;background:#22c55e}.wm-btn-success:hover:not(:disabled){background:#16a34a}.wm-btn-outline{color:#94a3b8;background:0 0;border:1px solid #ffffff24}.wm-btn-outline:hover:not(:disabled){color:#e2e8f0;background:#ffffff0a;border-color:#ffffff47}.wm-btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.wm-btn-danger:hover:not(:disabled){background:#ef444433}.wm-btn-icon{padding:8px 10px}.wm-badge{white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.wm-badge-blue{color:#93c5fd;background:#3b82f624;border:1px solid #3b82f647}.wm-badge-green{color:#86efac;background:#22c55e24;border:1px solid #22c55e47}.wm-badge-amber{color:#fcd34d;background:#f59e0b24;border:1px solid #f59e0b47}.wm-badge-red{color:#fca5a5;background:#ef444424;border:1px solid #ef444447}.wm-badge-purple{color:#c4b5fd;background:#8b5cf624;border:1px solid #8b5cf647}.wm-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite wm-spin;display:inline-block}.wm-spinner-lg{border-width:3px;width:32px;height:32px}@keyframes wm-spin{to{transform:rotate(360deg)}}.wm-toast{z-index:9999;border-radius:8px;align-items:center;gap:12px;min-width:240px;max-width:420px;padding:12px 16px;font-size:.85rem;animation:.2s ease-out wm-slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 12px 32px #00000080}.wm-toast-info{color:#e2e8f0;background:#1e293b;border:1px solid #334155}.wm-toast-success{color:#86efac;background:#22c55e24;border:1px solid #22c55e66}.wm-toast-error{color:#fca5a5;background:#ef444424;border:1px solid #ef444466}.wm-toast span{flex:1}.wm-toast button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.15rem;line-height:1}.wm-toast button:hover{opacity:1}@keyframes wm-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wm-mono{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:.78rem}.wm-code{word-break:break-all;color:#93c5fd;background:#00000059;border-radius:6px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:.78rem}.wm-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wm-empty{text-align:center;color:#64748b;padding:32px 16px;font-size:.85rem}