.preview-container{font-family:Inter Tight,Inter,-apple-system,sans-serif}.preview-container .ep-header{padding:24px 40px}.preview-container .ep-header img{width:48px;height:48px;object-fit:contain;display:block}.preview-container .ep-section{padding:0 40px 16px;color:#261c0a;font-family:Inter Tight,Inter,-apple-system,sans-serif}.preview-container .ep-section h1{font-size:20px;font-weight:600;line-height:1.2;margin:0;color:inherit}.preview-container .ep-section h2{font-size:18px;font-weight:600;line-height:1.5;margin:0;color:inherit}.preview-container .ep-section p{font-size:16px;line-height:1.2;color:inherit;margin-bottom:6px}.preview-container .ep-card{border-radius:16px;padding:28px;margin:0 20px 12px}.preview-container .ep-card h2{font-size:20px;font-weight:700;line-height:1.2;margin-bottom:10px;color:inherit}.preview-container .ep-card h3{font-size:16px;font-weight:700;line-height:1.3;margin-bottom:6px;color:inherit}.preview-container .ep-card p{font-size:14px;line-height:1.5;margin-bottom:12px;color:inherit}.preview-container .ep-card p:last-child{margin-bottom:0}.preview-container .ep-cta{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none}.preview-container .ep-divider{padding:0 20px;margin:8px 0}.preview-container .ep-divider hr{border:none;border-top:1px solid #e4e2db}.preview-container .ep-footer{padding:0 12px 20px}.preview-container .ep-footer p{margin:0}.preview-container .ep-footer a{color:#261c0a}.preview-container .ep-steps{padding:0 20px 12px}.preview-container .ep-step{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}.preview-container .ep-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.preview-container .ep-step-content h4{font-size:14px;font-weight:700;margin-bottom:2px}.preview-container .ep-step-content p{font-size:13px;color:#c69f5b;line-height:1.4}.preview-container .ep-row{display:flex;gap:12px;align-items:center;padding:12px}.preview-container .ep-row img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0}.preview-container .ep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.preview-container .ep-grid-item{background:#0000000a;border-radius:10px;padding:16px;text-align:center}.preview-container .ep-grid-item .num{font-size:24px;font-weight:700}.preview-container .ep-grid-item .lbl{font-size:11px;color:#c69f5b;margin-top:2px}.preview-container .ep-checklist-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.preview-container .ep-checklist-item:last-child{border-bottom:none}.preview-container .ep-checklist-icon{font-size:14px}.preview-container .ep-progress{height:8px;border-radius:4px;background:#f0f0eb;overflow:hidden;margin-top:6px}.preview-container .ep-progress-fill{height:100%;border-radius:4px}.preview-container .ep-bar{display:flex;justify-content:space-around;text-align:center;padding:16px 0}.preview-container .ep-bar-item .val{font-size:22px;font-weight:700}.preview-container .ep-bar-item .lbl{font-size:11px;color:#c69f5b;margin-top:2px}.preview-container .ep-quote{border-left:4px solid #f4e45d;padding-left:16px}.preview-container .ep-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.preview-container .ep-img{width:100%;border-radius:16px;display:block}.preview-container.mode-gmail,.preview-container.mode-gmail *{font-family:Arial,Helvetica,sans-serif!important}.preview-container.mode-gmail .ep-card,.preview-container.mode-gmail .ep-img{border-radius:0}.preview-container.mode-outlook{font-family:Arial,Helvetica,sans-serif!important}.preview-container.mode-outlook *{font-family:Arial,Helvetica,sans-serif!important;border-radius:0!important}.preview-container.mode-outlook .ep-cta,.preview-container.mode-outlook .ep-step-num,.preview-container.mode-outlook .ep-progress,.preview-container.mode-outlook .ep-progress-fill,.preview-container.mode-outlook .ep-grid-item{border-radius:0!important}.preview-container.mode-dark-gmail{background-color:#000!important;font-family:Arial,Helvetica,sans-serif!important}.preview-container.mode-dark-gmail *{font-family:Arial,Helvetica,sans-serif!important}.preview-container.mode-dark-gmail .ep-header,.preview-container.mode-dark-gmail .ep-section,.preview-container.mode-dark-gmail .ep-footer,.preview-container.mode-dark-gmail .ep-divider,.preview-container.mode-dark-gmail .ep-steps{background-color:#000!important}.preview-container.mode-dark-gmail .ep-section h1,.preview-container.mode-dark-gmail .ep-section h2,.preview-container.mode-dark-gmail .ep-section h3,.preview-container.mode-dark-gmail .ep-section p,.preview-container.mode-dark-gmail .ep-step-content h4,.preview-container.mode-dark-gmail .ep-step-content p,.preview-container.mode-dark-gmail .ep-footer p{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-divider hr,.preview-container.mode-dark-gmail hr{border-top-color:#24221b!important}.preview-container.mode-dark-gmail .ep-step-num{background-color:#f5ebd9!important;color:#000!important}.preview-container.mode-dark-gmail .ep-header img{filter:brightness(0) invert(1)}.preview-container.mode-dark-gmail .ep-img{border-radius:0;opacity:.9}.preview-container.mode-dark-gmail .ep-footer a{color:#8ab4f8!important}.preview-container.mode-dark-gmail .ep-quote{border-left-color:#a2920b!important}.preview-container.mode-dark-gmail .ep-progress{background:#14140f!important}.preview-container.mode-dark-gmail .ep-checklist-item{border-bottom-color:#ffffff14!important}.preview-container.mode-dark-gmail .ep-grid-item{background:#ffffff0f!important}.preview-container.mode-dark-gmail .ep-grid-item .num{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-grid-item .lbl{color:#a2920b!important}.preview-container.mode-dark-gmail .ep-bar-item .val{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-bar-item .lbl{color:#a2920b!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=olive]{background-color:#d5e892!important;color:#000!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=olive] h2,.preview-container.mode-dark-gmail .ep-card[data-card-color=olive] h3,.preview-container.mode-dark-gmail .ep-card[data-card-color=olive] p{color:#000!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=olive] .ep-cta{background-color:#a2920b!important;color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=seaSalt]{background-color:#14140f!important;color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=seaSalt] h2,.preview-container.mode-dark-gmail .ep-card[data-card-color=seaSalt] h3,.preview-container.mode-dark-gmail .ep-card[data-card-color=seaSalt] p{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=seaSalt] .ep-cta{background-color:#f5ebd9!important;color:#000!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=yellow]{background-color:#a2920b!important;color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=yellow] h2,.preview-container.mode-dark-gmail .ep-card[data-card-color=yellow] h3,.preview-container.mode-dark-gmail .ep-card[data-card-color=yellow] p{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=yellow] .ep-cta,.preview-container.mode-dark-gmail .ep-card[data-card-color=espresso]{background-color:#f5ebd9!important;color:#000!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=espresso] h2,.preview-container.mode-dark-gmail .ep-card[data-card-color=espresso] h3,.preview-container.mode-dark-gmail .ep-card[data-card-color=espresso] p{color:#000!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=espresso] .ep-cta{background-color:#a2920b!important;color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=oyster]{background-color:#24221b!important;color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=oyster] h2,.preview-container.mode-dark-gmail .ep-card[data-card-color=oyster] h3,.preview-container.mode-dark-gmail .ep-card[data-card-color=oyster] p{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-card[data-card-color=oyster] .ep-cta{background-color:#f5ebd9!important;color:#000!important}.preview-container.mode-dark-gmail .ep-card[style*=linear-gradient]{background-color:unset!important}.preview-container.mode-dark-gmail .ep-section>.ep-cta,.preview-container.mode-dark-gmail .ep-section>a.ep-cta{background-color:#f5ebd9!important;color:#000!important}.preview-container.mode-dark-gmail .ep-cta[style*=linear-gradient]{background-color:unset!important}.preview-container.mode-dark-gmail .ep-footer [data-element=text]{color:#f5ebd9!important}.preview-container.mode-dark-gmail .ep-footer [data-element=divider]{border-top-color:#24221b!important}.preview-container.mode-dark-outlook{background-color:#333!important;font-family:Arial,Helvetica,sans-serif!important}.preview-container.mode-dark-outlook *{font-family:Arial,Helvetica,sans-serif!important;border-radius:0!important}.preview-container.mode-dark-outlook .ep-header,.preview-container.mode-dark-outlook .ep-section,.preview-container.mode-dark-outlook .ep-footer,.preview-container.mode-dark-outlook .ep-divider,.preview-container.mode-dark-outlook .ep-steps{background-color:#333!important}.preview-container.mode-dark-outlook .ep-section h1,.preview-container.mode-dark-outlook .ep-section h2,.preview-container.mode-dark-outlook .ep-section h3,.preview-container.mode-dark-outlook .ep-section p,.preview-container.mode-dark-outlook .ep-step-content h4,.preview-container.mode-dark-outlook .ep-step-content p,.preview-container.mode-dark-outlook .ep-footer p{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-divider hr,.preview-container.mode-dark-outlook hr{border-top-color:#23221c!important}.preview-container.mode-dark-outlook .ep-step-num{background-color:#e5d3b2!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-header img{filter:brightness(0) invert(1)}.preview-container.mode-dark-outlook .ep-img{opacity:.95}.preview-container.mode-dark-outlook .ep-footer a{color:#6ca1e8!important}.preview-container.mode-dark-outlook .ep-quote{border-left-color:#58500d!important}.preview-container.mode-dark-outlook .ep-progress{background:#1e1e17!important}.preview-container.mode-dark-outlook .ep-checklist-item{border-bottom-color:#ffffff0f!important}.preview-container.mode-dark-outlook .ep-grid-item{background:#ffffff0d!important}.preview-container.mode-dark-outlook .ep-grid-item .num{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-grid-item .lbl{color:#58500d!important}.preview-container.mode-dark-outlook .ep-bar-item .val{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-bar-item .lbl{color:#58500d!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=olive]{background-color:#c0d772!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=olive] h2,.preview-container.mode-dark-outlook .ep-card[data-card-color=olive] h3,.preview-container.mode-dark-outlook .ep-card[data-card-color=olive] p{color:#141414!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=olive] .ep-cta{background-color:#58500d!important;color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=seaSalt]{background-color:#1e1e17!important;color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=seaSalt] h2,.preview-container.mode-dark-outlook .ep-card[data-card-color=seaSalt] h3,.preview-container.mode-dark-outlook .ep-card[data-card-color=seaSalt] p{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=seaSalt] .ep-cta{background-color:#e5d3b2!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=yellow]{background-color:#58500d!important;color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=yellow] h2,.preview-container.mode-dark-outlook .ep-card[data-card-color=yellow] h3,.preview-container.mode-dark-outlook .ep-card[data-card-color=yellow] p{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=yellow] .ep-cta,.preview-container.mode-dark-outlook .ep-card[data-card-color=espresso]{background-color:#e5d3b2!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=espresso] h2,.preview-container.mode-dark-outlook .ep-card[data-card-color=espresso] h3,.preview-container.mode-dark-outlook .ep-card[data-card-color=espresso] p{color:#141414!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=espresso] .ep-cta{background-color:#58500d!important;color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=oyster]{background-color:#23221c!important;color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=oyster] h2,.preview-container.mode-dark-outlook .ep-card[data-card-color=oyster] h3,.preview-container.mode-dark-outlook .ep-card[data-card-color=oyster] p{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-card[data-card-color=oyster] .ep-cta{background-color:#e5d3b2!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-section>.ep-cta,.preview-container.mode-dark-outlook .ep-section>a.ep-cta{background-color:#e5d3b2!important;color:#141414!important}.preview-container.mode-dark-outlook .ep-footer [data-element=text]{color:#e5d3b2!important}.preview-container.mode-dark-outlook .ep-footer [data-element=divider]{border-top-color:#23221c!important}.tx-preview-frame{background:#e8e8ed;flex:1;overflow-y:auto;display:flex;justify-content:center;padding:24px 0}.tx-preview-iframe{width:640px;max-width:100%;border:none;background:#fff;box-shadow:0 1px 4px #0000000a,0 4px 24px #0000000f,0 0 0 .5px #0000000a;border-radius:8px;overflow:hidden;min-height:400px;transition:width .35s cubic-bezier(.4,0,.2,1)}.tx-preview-frame.mobile .tx-preview-iframe{width:375px}.tx-preview-frame.mode-dark-gmail{background:#1a1a1a}.tx-preview-frame.mode-dark-gmail .tx-preview-iframe{filter:invert(1) hue-rotate(180deg)}.tx-preview-frame.mode-dark-outlook{background:#333}.tx-preview-frame.mode-dark-outlook .tx-preview-iframe{filter:invert(.85) hue-rotate(180deg)}:root{--bg: #f0f0f0;--bg-secondary: #ffffff;--sidebar-bg: #ffffff;--separator: rgba(0, 0, 0, .12);--text-primary: #111111;--text-secondary: rgba(60, 60, 67, .7);--text-tertiary: rgba(60, 60, 67, .45);--accent: #261c0a;--accent-hover: #3a2e1a;--hover-fill: rgba(0, 0, 0, .05);--selected-fill: rgba(38, 28, 10, .08);--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh}.sidebar{width:420px;min-width:420px;display:flex;flex-direction:column;position:relative;border-right:.5px solid var(--separator);user-select:none;-webkit-user-select:none}.sidebar:before{content:"";position:absolute;inset:0;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar input,.sidebar textarea,.sidebar select{user-select:text;-webkit-user-select:text}.sidebar-header{padding:16px 16px 12px;border-bottom:.5px solid var(--separator);display:flex;flex-direction:column;gap:10px;z-index:9999}.sidebar-titlebar{display:flex;align-items:center;gap:8px;min-height:28px}.sidebar-utilities{display:flex;align-items:center;gap:4px;margin-left:auto}.sidebar-header .logo-easter-egg{position:relative;width:28px;height:28px;flex-shrink:0;cursor:pointer;z-index:9999}.sidebar-header .logo-easter-egg .logo-grow{position:absolute;top:0;left:0;width:28px;height:28px;overflow:hidden;border-radius:4px;transition:width .5s cubic-bezier(.25,0,.25,1),height .5s cubic-bezier(.25,0,.25,1),border-radius .5s cubic-bezier(.25,0,.25,1)}.sidebar-header .logo-easter-egg:hover .logo-grow{width:120px;height:120px;border-radius:12px}.sidebar-header .logo-img{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;object-fit:cover;display:block;pointer-events:none}.sidebar-header h1{font-size:14px;font-weight:600;flex:1;color:var(--text-primary);letter-spacing:-.02em}.sidebar-scroll{flex:1;overflow-y:auto;padding:12px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#0003}.sidebar-footer{padding:12px 16px;border-top:.5px solid var(--separator);display:flex;gap:8px}.btn-new{padding:4px 10px;border:.5px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:background .15s,color .15s,transform .1s;height:28px;line-height:1}.btn-new:hover{background:var(--hover-fill);color:var(--text-primary)}.btn-new:active{transform:scale(.96)}.lang-select{padding:4px 8px;border:.5px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;color:var(--text-secondary);background:transparent;cursor:pointer;height:28px;transition:background .15s,color .15s,transform .1s}.lang-select:hover{background:var(--hover-fill);color:var(--text-primary)}.lang-select:active{transform:scale(.96)}.block{position:relative;background:transparent;border:none;border-radius:10px;margin-bottom:1px;transition:background .15s}.block:hover{background:var(--hover-fill)}.block.open{background:var(--selected-fill)}.block-handle{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:grab;transition:all .2s cubic-bezier(.25,.1,.25,1)}.block-handle:active{cursor:grabbing;opacity:.8}.block-handle .icon{width:56px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:.5px solid rgba(0,0,0,.06)}.block-handle .icon svg{width:100%;height:100%;display:block}.block-handle .label{font-size:14px;font-weight:500;flex:1;color:var(--text-primary)}.block-handle .actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.block:hover .block-handle .actions{opacity:1}.block-handle .actions button{background:none;border:none;cursor:pointer;padding:5px 6px;border-radius:5px;color:var(--text-secondary);font-size:14px;line-height:1;transition:all .15s}.block-handle .actions button:hover{background:var(--hover-fill);color:var(--text-primary)}.block-handle .actions button:active{transform:scale(.95)}.block-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}.block-body-inner{overflow:hidden;opacity:0;padding:0 14px;transition:opacity .2s ease}.block.open .block-body{grid-template-rows:1fr}.block.open .block-body-inner{opacity:1;padding:6px 14px 14px}.field{margin-bottom:10px}.field label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.field input,.field textarea,.field select{width:100%;padding:8px 10px;border:1px solid var(--separator);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:all .15s}.field input:focus,.field textarea:focus{outline:none;border-color:#261c0a4d;box-shadow:0 0 0 3px #261c0a14}.field textarea{resize:vertical;min-height:60px}.color-chips{display:flex;gap:8px}.color-chip{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.color-chip:hover{transform:scale(1.12)}.color-chip:active{transform:scale(.92)}.color-chip.active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent);border-color:transparent}.toggle-chips{display:flex;gap:4px;flex-wrap:wrap}.toggle-chip{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--separator);font-size:13px;font-weight:400;cursor:pointer;background:#fff9;color:var(--text-primary);transition:all .15s}.toggle-chip:hover{background:#ffffffe6}.toggle-chip:active{transform:scale(.95)}.toggle-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.block-footer{border-top:.5px solid var(--separator);margin-top:6px;padding-top:2px}.block-footer .block-handle{cursor:default;opacity:.6}.block-footer .block-handle .label{color:var(--text-secondary)}.footer-tag{font-size:11px;font-family:SF Mono,ui-monospace,monospace;color:var(--text-tertiary)}.btn-add{width:100%;padding:12px;background:none;border:1.5px dashed rgba(0,0,0,.12);border-radius:10px;color:var(--text-tertiary);font-weight:500;cursor:pointer;font-family:inherit;font-size:13px;transition:all .15s}.btn-add:hover{border-color:#00000026;color:var(--text-secondary);background:var(--hover-fill)}.btn-add:active{transform:scale(.98)}.btn{padding:9px 18px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;flex:1}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#fff9;color:var(--text-primary);flex:1;border:.5px solid var(--separator)}.btn-secondary:hover{background:#ffffffe6}.preview-pane{flex:1;overflow-y:auto;padding:32px 24px;background:#e8e8ed;position:relative}.preview-frame{max-width:640px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a,0 4px 24px #0000000f,0 0 0 .5px #0000000a;overflow:hidden;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.preview-frame.mobile{max-width:375px}.preview-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding:12px 0 0}.device-toggle-inner{display:flex;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:9px;padding:3px;gap:1px;box-shadow:0 .5px 2px #0000000f,0 0 0 .5px #0000000d}.device-btn{display:flex;align-items:center;justify-content:center;width:34px;height:30px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#0000004d;transition:all .2s cubic-bezier(.25,.1,.25,1)}.device-btn:hover{color:#00000080;background:#0000000a}.device-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 .5px 2px #00000014,0 0 0 .5px #0000000a}.device-btn svg{width:16px;height:16px}.mode-dropdown{position:relative}.mode-dropdown-trigger{display:flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:none;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:9px;cursor:pointer;color:#1a1a1a;font-size:12px;font-weight:500;font-family:inherit;white-space:nowrap;box-shadow:0 .5px 2px #0000000f,0 0 0 .5px #0000000d;transition:all .15s ease}.mode-dropdown-trigger:hover{background:#ffffffe0}.mode-dropdown-trigger svg{width:15px;height:15px;flex-shrink:0;color:#00000073}.mode-dropdown-chevron{width:10px!important;height:10px!important;color:#00000040!important}.mode-dropdown-backdrop{position:fixed;inset:0;z-index:30}.mode-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:31;min-width:200px;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;padding:4px;box-shadow:0 4px 20px #0000001a,0 0 0 .5px #0000000f}.mode-dropdown-item{display:flex;flex-direction:column;width:100%;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#00000073;font-size:12px;font-weight:500;font-family:inherit;text-align:left;transition:all .1s ease}.mode-dropdown-item:hover{background:#0000000a;color:#1a1a1a}.mode-dropdown-item.active{color:#1a1a1a;font-weight:600}.mode-dropdown-label{line-height:1.4}.mode-dropdown-sub{font-size:10px;font-weight:400;color:#0000004d;line-height:1.3;margin-top:1px}.mode-dropdown-sep{height:.5px;background:#00000014;margin:3px 8px}.modal-overlay{position:fixed;inset:0;background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-secondary);border-radius:14px;width:90%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0000001f,0 0 0 .5px var(--separator)}.modal-header{padding:16px 24px;border-bottom:.5px solid var(--separator);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:15px;font-weight:600}.modal-header button{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-tertiary);padding:4px;border-radius:4px;transition:all .1s}.modal-header button:hover{background:var(--hover-fill);color:var(--text-primary)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-body pre{background:var(--bg);padding:16px;border-radius:8px;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,ui-monospace,Monaco,Consolas,monospace;border:.5px solid var(--separator)}.modal-footer{padding:14px 24px;border-top:.5px solid var(--separator);display:flex;gap:8px;justify-content:flex-end}.pal-category{margin-bottom:16px}.pal-category h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:10px}.pal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pal-item{padding:12px 8px;border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .15s;background:transparent;text-align:center}.pal-item:hover{background:var(--hover-fill);transform:translateY(-1px)}.pal-item:active{transform:scale(.97)}.pal-item .pi-icon{margin-bottom:8px;width:96px;height:68px;margin-left:auto;margin-right:auto;border-radius:8px;overflow:hidden;background:var(--bg-secondary);box-shadow:0 1px 4px #0000000f;border:.5px solid rgba(0,0,0,.06)}.pal-item .pi-icon svg{width:100%;height:100%;display:block}.pal-item .pi-label{font-size:11px;font-weight:500;line-height:1.2;color:var(--text-secondary)}.tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tpl-card{padding:18px;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,transform .15s;background:var(--bg);text-align:left}.tpl-card:hover{background:#0000000f;transform:translateY(-1px)}.tpl-card:active{transform:scale(.98)}.tpl-card .tpl-icon{margin-bottom:10px;width:100%;height:100px;border-radius:6px;overflow:hidden}.tpl-card .tpl-icon svg{width:100%;height:100%;display:block}.tpl-card .tpl-label{font-size:14px;font-weight:600;margin-bottom:3px;color:var(--text-primary)}.tpl-card .tpl-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#1c1c1ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;opacity:0;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:100;box-shadow:0 4px 20px #00000029,0 0 0 .5px #ffffff0f;pointer-events:none;letter-spacing:-.01em}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.mode-switch{display:flex;background:var(--bg);border-radius:8px;padding:3px;gap:1px;width:100%}.mode-switch-btn{padding:7px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all .2s cubic-bezier(.25,.1,.25,1);white-space:nowrap;flex:1;text-align:center;letter-spacing:-.01em}.mode-switch-btn:hover{color:var(--text-primary)}.mode-switch-btn.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:0 .5px 2px #0000000f,0 0 0 .5px #0000000a}.tx-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:16px 0 8px;padding:0 4px}.tx-section-label:first-child{margin-top:4px}.tx-template-grid{display:flex;flex-direction:column;gap:1px}.tx-template-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;background:transparent;font-family:inherit;text-align:left;transition:all .15s;color:var(--text-primary)}.tx-template-card:hover{background:var(--hover-fill)}.tx-template-card.active{background:var(--selected-fill)}.tx-template-icon{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.tx-template-card:hover .tx-template-icon{color:var(--text-secondary)}.tx-template-card.active .tx-template-icon{color:var(--text-primary)}.tx-template-label{font-size:13px;font-weight:400}.tx-template-card.active .tx-template-label{font-weight:500}.tx-preset-row{display:flex;gap:6px;margin-bottom:8px}.tx-preset-btn{padding:6px 12px;border:.5px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-tertiary);font-family:inherit;transition:all .15s}.tx-preset-btn:hover{background:var(--hover-fill);color:var(--text-primary)}.tx-preset-btn:active{transform:scale(.96)}.tx-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.tx-brand-form{padding-bottom:16px}.tx-field{margin-bottom:8px}.tx-field-label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:3px}.tx-field-input{width:100%;padding:7px 10px;border:.5px solid var(--separator);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);transition:all .15s}.tx-field-input:focus{outline:none;border-color:#261c0a40;box-shadow:0 0 0 3px #261c0a0f}.tx-textarea{resize:vertical;min-height:48px}.tx-field-row{display:flex;gap:8px}.tx-field-row .tx-field{flex:1}.tx-color-field{display:flex;gap:8px;align-items:center}.tx-color-picker{width:36px;height:32px;border:1px solid var(--separator);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-secondary)}.tx-color-hex{flex:1;font-family:SF Mono,ui-monospace,monospace}.tx-logo-preview{margin-bottom:8px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.tx-logo-preview img{max-height:48px;max-width:100%;display:block}.modal-backdrop{position:fixed;inset:0;background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border-radius:14px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0000001f,0 0 0 .5px var(--separator);z-index:10001}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-tertiary);padding:4px;border-radius:4px;transition:all .1s}.modal-close:hover{background:var(--hover-fill);color:var(--text-primary)}.tx-code-tabs{flex:1;overflow-y:auto}.tx-code-panel{padding:0 24px}.tx-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;position:sticky;top:0;background:var(--bg-secondary);z-index:1}.tx-code-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.btn-sm{padding:5px 12px;border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;background:#fff9;color:var(--text-primary);font-family:inherit;transition:all .15s}.btn-sm:hover{background:#ffffffe6}.code-block{background:var(--bg);padding:16px;border-radius:8px;font-size:11px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,ui-monospace,Monaco,Consolas,monospace;border:.5px solid var(--separator);max-height:400px;overflow-y:auto}.tx-vars-section{padding:16px 24px;border-top:.5px solid var(--separator)}.tx-vars-section h3{font-size:13px;font-weight:600;margin-bottom:8px}.tx-vars-table{width:100%;font-size:12px;border-collapse:collapse}.tx-vars-table th{text-align:left;font-weight:600;padding:6px 8px;border-bottom:1px solid var(--separator);color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.tx-vars-table td{padding:5px 8px;border-bottom:.5px solid var(--separator)}.tx-vars-table code{font-family:SF Mono,ui-monospace,monospace;font-size:11px;background:var(--bg);padding:2px 6px;border-radius:3px}.tx-var-sample{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-footer{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border:none;background:var(--accent);color:#fff;flex:1;justify-content:center;transition:all .15s,transform .1s;letter-spacing:-.01em}.btn-footer:hover{background:var(--accent-hover)}.btn-footer:active{transform:scale(.97)}.tpl-list-group{padding:8px 12px 0}.tpl-list-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:8px 8px 6px}.tpl-list-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:10px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-family:inherit;transition:background .15s ease}.tpl-list-item:hover{background:var(--bg)}.tpl-list-item.active{background:var(--bg-secondary);box-shadow:0 .5px 2px #0000000f,0 0 0 .5px #0000000d}.tpl-list-emoji{font-size:22px;line-height:1.2;flex:0 0 auto}.tpl-list-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tpl-list-label{font-size:13px;font-weight:600;color:var(--text-primary)}.tpl-list-desc{font-size:12px;line-height:1.35;color:var(--text-tertiary)}.tpl-preview-title{font-size:13px;font-weight:600;color:var(--text-secondary);background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:9px;padding:8px 16px;box-shadow:0 .5px 2px #0000000f,0 0 0 .5px #0000000d}.tpl-preview-iframe{display:block;width:100%;height:80vh;border:none;background:#fff}