body.tw-app .typo-page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.015em;line-height:2rem}body.tw-app .typo-section-title{font-size:1.125rem;font-weight:600;line-height:1.5rem}body.tw-app .typo-card-title{font-size:.875rem;font-weight:500;line-height:1.25rem}body.tw-app .typo-metric{font-size:1.875rem;font-weight:600;line-height:2.25rem}body.tw-app .typo-metric-sm{font-size:1.5rem;font-weight:600;line-height:2rem}body.tw-app .typo-body{font-size:.875rem;line-height:1.375rem}body.tw-app .typo-subtitle{color:var(--text-muted);font-size:.875rem;line-height:1.25rem}body.tw-app .typo-label{font-size:.75rem;font-weight:500;line-height:1rem}body.tw-app .typo-caption{color:var(--text-subtle);font-size:.6875rem;line-height:.875rem}body.tw-app .focus-ring:focus{box-shadow:unset;outline:none}body.tw-app .scroll-thin{scrollbar-color:var(--border) transparent;scrollbar-width:thin}body.tw-app .scroll-thin::-webkit-scrollbar{height:6px;width:6px}body.tw-app .scroll-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}body.tw-app .scroll-thin::-webkit-scrollbar-track{background:transparent}body.tw-app,body.tw-app #root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}body.tw-app #content-wrapper{background-color:transparent!important}body.tw-app ::-webkit-scrollbar{height:10px;width:10px}body.tw-app ::-webkit-scrollbar-track{background:transparent}body.tw-app ::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:9999px}body.tw-app ::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}body.tw-app .animate-fadeIn{animation:fadeIn .15s ease-out}body.tw-app .animate-fadeOut{animation:fadeOut .15s ease-in}body.tw-app .animate-slideIn{animation:slideIn .2s ease-out}body.tw-app .animate-scaleIn{animation:scaleIn .15s ease-out}body.tw-app .animate-pulseDot{animation:pulseDot 1.4s ease-in-out infinite}body.tw-app .skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border-muted) 37%,var(--surface-2) 63%);background-size:400px 100%;border-radius:6px;display:inline-block}body.tw-app .hover-surface{transition:background-color .15s ease}body.tw-app .hover-surface:hover{background-color:var(--surface-2)!important}body.tw-app .selectable-card{transition:border-color .15s ease,box-shadow .15s ease}body.tw-app .selectable-card:not(:disabled):hover{border-color:var(--text-subtle)!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important}body.tw-app .wiz-step-track{align-items:center;display:flex;gap:6px;margin-bottom:20px}body.tw-app .wiz-step-dot{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:50%;color:var(--text-subtle);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}body.tw-app .wiz-step-dot.active{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}body.tw-app .wiz-step-dot.done{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:var(--primary);color:var(--primary)}body.tw-app .wiz-step-line{background:var(--border);border-radius:1px;flex:1;height:2px;transition:background .2s}body.tw-app .wiz-step-line.done{background:var(--primary)}body.tw-app .edit-group-label{color:var(--text-subtle);font-size:10px;font-weight:600;letter-spacing:.05em;margin-top:4px;padding-bottom:4px;text-transform:uppercase}body.tw-app .edit-group-divider{border-top:1px solid var(--border-muted);margin:8px 0 4px}body.tw-app .tpl-edit-scroll-wrapper{margin:-2px;max-height:60vh;overflow-y:auto;padding:2px}body.tw-app .tpl-start-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;padding:12px 14px;position:relative;text-align:left;transition:all .15s;width:100%}body.tw-app .tpl-start-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}body.tw-app .tpl-start-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}body.tw-app .tpl-start-card.selected{background:color-mix(in srgb,var(--primary) 3%,var(--surface));border-color:var(--primary);border-width:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 0 12px color-mix(in srgb,var(--primary) 8%,transparent);padding:11.5px 13.5px}body.tw-app .tpl-start-card.selected:after{animation:checkPop .2s ease;background:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px 13px;border-radius:50%;content:"";height:20px;position:absolute;right:8px;top:8px;width:20px}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}body.tw-app .tpl-start-preview{background:var(--surface-2);border:1px solid var(--border-muted);border-radius:8px;color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:8px;max-height:200px;overflow:hidden;overflow-y:auto;padding:8px;white-space:pre-line}body.tw-app .tpl-start-preview.collapsed{background:transparent;border-color:transparent;margin-top:0;max-height:0;padding:0}body.tw-app .tpl-start-preview.expanded{transition:max-height .3s ease,padding .2s ease,margin-top .2s ease}body.tw-app .auto-expand-textarea{min-height:60px;resize:none}body.tw-app .auto-expand-textarea.sms-body{min-height:140px}body.tw-app .preview-subject-bar{border-bottom:1px solid #e5e7eb;padding:12px 20px}body.tw-app .preview-subject-text{color:#374151;font-size:14px;font-weight:600;line-height:1.4}body.tw-app .preview-subject-label{color:#9ca3af;font-size:10px;font-weight:500;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}@keyframes varChipsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}body.tw-app .var-chips-container{overflow:visible;transition:opacity .12s ease,max-height .15s ease}body.tw-app .var-chips-container.var-chips-hidden{max-height:0;opacity:0;overflow:hidden;pointer-events:none}body.tw-app .var-chips-container.var-chips-visible{max-height:60px;opacity:1;pointer-events:auto}body.tw-app .var-chips-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 2px}body.tw-app .var-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.tw-app .var-chip:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface));border-color:var(--primary);color:var(--primary)}body.tw-app .var-chip:focus-visible{outline:2px solid var(--ring);outline-offset:1px}body.tw-app .var-chip-icon{color:var(--primary);font-family:monospace;font-size:9px}body.tw-app .del-confirm-bar{align-items:center;animation:varChipsFadeIn .15s ease;background:color-mix(in srgb,#ef4444 6%,var(--surface));border:1px solid color-mix(in srgb,#ef4444 20%,var(--border));border-radius:8px;display:flex;gap:8px;margin-top:4px;padding:8px 12px}body.tw-app .del-confirm-bar .del-confirm-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}body.tw-app .gr-ck-wrapper,body.tw-app.tw-dark .gr-ck-wrapper{color-scheme:light}body.tw-app .gr-ck-wrapper .ck-content,body.tw-app .gr-ck-wrapper .ck.ck-editor__main>.ck-editor__editable,body.tw-app.tw-dark .gr-ck-wrapper .ck-content,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-editor__main>.ck-editor__editable{background:#fff;color:#1f2937}body.tw-app .gr-ck-wrapper .ck.ck-toolbar,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-toolbar{background:#f8fafc;color:#1f2937}body.tw-app .gr-ck-wrapper .ck.ck-toolbar .ck-button,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-toolbar .ck-button{color:#1f2937}body.tw-app .gr-ck-wrapper .ck.ck-toolbar .ck-button.ck-on,body.tw-app .gr-ck-wrapper .ck.ck-toolbar .ck-button:hover,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-toolbar .ck-button.ck-on,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-toolbar .ck-button:hover{background:#e5e7eb;color:#111827}body.tw-app .gr-ck-wrapper .ck.ck-editor__editable_inline:focus,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-editor__editable_inline:focus{border-color:var(--gr-primary);box-shadow:0 0 0 3px var(--gr-ring);outline:none}body.tw-app .gr-ck-wrapper .ck.ck-editor__editable.ck-placeholder:before,body.tw-app.tw-dark .gr-ck-wrapper .ck.ck-editor__editable.ck-placeholder:before{color:#9ca3af;opacity:1}body.tw-app .line-clamp-1{-webkit-line-clamp:1}body.tw-app .line-clamp-1,body.tw-app .line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body.tw-app .line-clamp-2{-webkit-line-clamp:2}body.tw-app .line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}body.tw-app .pulse-highlight,body.tw-app .settings-card-highlight{animation:highlightPulse .6s ease-out}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 20%,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 0,transparent)}}body.tw-app [class*=tw-bg-],body.tw-app [class*=tw-border-],body.tw-app [class*=tw-text-]{transition:background-color .15s ease,color .15s ease,border-color .15s ease}body.tw-app input::-moz-placeholder,body.tw-app textarea::-moz-placeholder{font-weight:400;opacity:1;text-transform:none}body.tw-app input::placeholder,body.tw-app textarea::placeholder{font-weight:400;opacity:1;text-transform:none}