:root{--bg-dark: #0f1729;--bg-input: #1a2332;--text-primary: #fff;--text-secondary: #94a3b8;--border-color: #2d3748;--accent-blue: #74a8fb}body{background:var(--bg-dark);color:var(--text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overscroll-behavior:none;overflow-x:hidden;min-height:100vh}.formatter{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;margin-bottom:.5rem}.exro-toggle{cursor:pointer;padding:10px;display:inline-block;position:relative;transition:opacity .2s ease;overflow:hidden}.exro-toggle:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,20,147,.3) 50%,transparent 100%);animation:scanline 3s ease-in-out infinite;pointer-events:none}.exro-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#ff149333,#0ff3,#ff149333);background-size:200% 100%;opacity:0;animation:glow-pulse 2s ease-in-out infinite;pointer-events:none;z-index:-1}.exro-toggle:hover{opacity:1;text-shadow:0 0 10px rgba(255,20,147,.8),0 0 20px rgba(255,20,147,.4)}.exro-toggle:hover:after{animation-duration:1.5s}.exro-toggle:hover:before{opacity:1;animation:glow-pulse 1s ease-in-out infinite,gradient-shift 2s linear infinite}@keyframes scanline{0%{left:-100%}to{left:100%}}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes gradient-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}.tagline{color:var(--text-secondary);font-size:1rem;margin:0 0 20px;text-align:center}.footer{margin-top:2rem;text-align:center}.security-notice{color:var(--text-secondary);font-size:.8rem;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.7}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.field h2{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:10px}.input-area{background:#1a1d21;border:1px solid #424548;border-radius:8px;height:60vh;min-height:200px;overflow-y:auto;font-size:.9rem;line-height:1.5;outline:none;padding:8px;color:#e0e1e2}.input-area .content-area{color:#e0e1e2}.output-box{border-radius:8px;height:calc(60vh - 40px);min-height:200px;overflow-y:auto;font-size:.9rem;line-height:1.5;outline:none;display:flex;flex-direction:column}.input-area{height:calc(60vh - 40px)}.content-area{flex:1;overflow-y:auto;min-height:0}.format-slack .output-box{background:#1a1d21;border:1px solid #424548;border-radius:4px;padding:8px;margin:8px}.user-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:0 4px}.user-avatar{width:36px;height:36px;border-radius:50%;background:#424548;flex-shrink:0}.user-meta{display:flex;align-items:baseline;gap:8px;padding-top:2px}.user-name{color:#fff;font-weight:700;font-size:15px}.timestamp{color:#a5a5a5;font-size:12px}.output-box.format-gmail{background:#fff;border-radius:16px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;overflow:hidden!important;overflow-y:hidden!important;min-height:200px;display:flex;flex-direction:column;margin:0;border:none}.output-box.format-gmail .gmail-content{flex:1;overflow-y:auto;min-height:0;height:auto!important}.gmail-header{background:#f2f6fc;padding:6px 16px;font-size:15px;font-weight:500;color:#1f1f1f;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;align-items:center;height:24px}.gmail-recipient,.gmail-subject{padding:4px 16px;border-bottom:1px solid #dadce0;color:#666;font-size:14px;background:#fff;pointer-events:none}.gmail-recipient:before{content:"Recipients";color:#5f6368}.gmail-subject:before{content:"Subject";color:#5f6368}.gmail-content{padding:16px 24px!important}.formatting-bar{display:flex;gap:4px;padding:8px 12px;background:#f8f9fa;border-top:1px solid #dadce0;border-radius:0 0 16px 16px;flex-shrink:0}.format-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#5f6368;cursor:pointer;transition:background-color .15s ease,color .15s ease}.format-btn:hover{background:#e8eaed;color:#202124}.format-btn:active{background:#dadce0}.format-btn:disabled{opacity:.4;cursor:not-allowed}.format-btn svg{display:block}.gmail-recipient::placeholder,.gmail-subject::placeholder{color:#5f6368}.gmail-content{font-family:Arial,sans-serif;font-size:14px;color:#000;line-height:1.6;padding:16px;flex:1;min-height:300px;box-sizing:border-box}.format-gmail .content-area code:not(pre code){background:#f0f0f0;color:#333;padding:2px 4px;border-radius:2px;border:1px solid #ccc;font-family:monospace;font-size:12px}.format-gmail .content-area pre{background:#f0f0f0;color:#333;border:1px solid #ccc;padding:8px;border-radius:4px;margin:8px 0;font-family:monospace;font-size:12px;white-space:pre-wrap}.format-gmail .content-area blockquote{border-left:2px solid #ccc;padding-left:10px;margin:8px 0;color:#000}.format-docs .output-box{background:#fff;border:1px solid #dadce0;padding:8px}.format-slack .content-area{background:#1a1d21;color:#d1d5db;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0 4px}.format-slack .content-area pre,.format-slack .content-area code{background-color:#2b2d31!important;border:1px solid #424548!important;color:#e0e1e2!important;margin:4px 0!important}.format-slack .content-area blockquote{border-left:3px solid #424548!important;color:#d1d5db!important}.format-gmail .content-area{background:#fff;color:#000;font-family:Arial,sans-serif}.format-gmail .content-area pre,.format-gmail .content-area code,.format-gmail .content-area span[style*=monospace]{background-color:#f0f0f0!important;border:1px solid #ccc!important;color:#333!important;font-family:monospace!important}.format-gmail .content-area blockquote{border-left:2px solid #ccc!important;color:#333!important}.format-docs .content-area{background:#fff;color:#000;font-family:Google Sans,Arial,sans-serif}.content-area{padding:0;width:100%;height:100%;outline:none;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;font-size:.9rem;overflow-wrap:break-word;overflow-x:hidden;margin:0;position:relative}.input-area .content-area ul{margin:4px 0;padding-left:24px;color:#d1d5db}.input-area .content-area li{color:#d1d5db;margin:2px 0}.format-slack .content-area ul{margin:4px 0;padding-left:24px;color:#e0e1e2}.format-slack .content-area li{color:#e0e1e2;margin:2px 0}.format-gmail .content-area ul,.format-docs .content-area ul{margin:4px 0;padding-left:24px;color:#000}.format-gmail .content-area li,.format-docs .content-area li{color:#000;margin:2px 0}.content-area [class*=error],.content-area div[style*="background-color: rgb(255, 235, 233)"]{background-color:transparent!important;color:inherit!important}.input-area .content-area:empty:before{content:"Paste your message here!";color:var(--text-secondary);opacity:.5;position:absolute;pointer-events:none}.input-area:focus{border-color:var(--accent-blue)}.field-header{display:flex;justify-content:space-between;align-items:center;min-height:20px}.button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:6px;margin-left:auto}.button:hover{background:var(--bg-input);color:var(--text-primary)}.format-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;outline:none}.format-select:hover{border-color:var(--accent-blue);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.preview-content{font-family:Arial,sans-serif;color:#000;background:#fff;padding:16px;border-radius:4px;line-height:1.6;max-width:700px;margin:0 auto 20px}.preview-content pre{color:#333;background-color:#f0f0f0;font-family:monospace;padding:8px;border:1px solid #ccc;white-space:pre-wrap;margin:8px 0;border-radius:3px;font-size:13px}.preview-content code:not(pre code){color:#333;background-color:#f0f0f0;font-family:monospace;padding:2px 4px;border:1px solid #ccc;border-radius:3px;font-size:13px}.preview-content blockquote{color:#333;border-left:2px solid #ccc;padding-left:10px;margin:8px 0;font-style:normal}.preview-content *{max-width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px}.copy-button{background:#1a73e8;color:#fff}.close-button{background:#e0e0e0;color:#333}.content-area a,.content-area span[data-link-color],.content-area .c-link{color:#1c9bd1!important;text-decoration:none}.content-area code,.content-area span[style*="font-family: monospace"],.content-area span[style*="font-family:monospace"]{border:1px solid #424548!important;border-radius:3px!important;padding:2px 4px!important;background-color:#222!important;font-family:Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:12px!important;color:#e8912d!important;white-space:pre-wrap!important;display:inline-block!important;box-sizing:border-box!important}.content-area blockquote,.content-area div[style*=margin-left]{border-left:3px solid #ccc!important;border-radius:0 3px 3px 0!important;padding-left:10px!important;margin:8px 0!important;color:#d1d5db!important;font-size:14px!important;line-height:1.5!important}.content-area blockquote ol,.content-area blockquote ul{padding-left:40px!important;margin-left:0!important}.content-area blockquote ol{list-style-type:decimal!important}.content-area blockquote ul{list-style-type:disc!important}.content-area blockquote li{display:list-item!important}.content-area pre{border:1px solid #424548!important;border-radius:3px!important;padding:8px!important;background-color:#222!important;font-family:Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:12px!important;color:#fff!important;white-space:pre-wrap!important;display:block!important;margin:8px 0!important;width:100%!important;box-sizing:border-box!important;line-height:normal!important}.content-area pre .formatted-code{color:#e0e1e2!important;white-space:pre-wrap!important;display:block!important;line-height:normal!important;border:none!important;background:none!important}.content-area code.inline-code{background-color:#1a1d21!important;color:#e8912d!important;border-radius:4px!important;padding:.2em .4em!important;font-family:Monaco,Menlo,Consolas,monospace!important;font-size:12px!important;border:1px solid #424548!important}.content-area pre code{color:#ddd!important;background:transparent!important;font-family:Monaco,Menlo,Consolas,monospace!important;overflow-x:auto!important;border:none!important;padding:0!important}.list-depth-1.list-ordered{list-style-type:decimal!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-depth-2.list-ordered{list-style-type:lower-alpha!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-depth-3.list-ordered{list-style-type:lower-roman!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-depth-1.list-unordered{list-style-type:disc!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-depth-2.list-unordered{list-style-type:circle!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-depth-3.list-unordered{list-style-type:square!important;display:block!important;margin:8px 0!important;padding-left:24px!important}.list-item-styled{display:list-item!important;margin:0!important}ol[data-depth="1"]{list-style-type:decimal!important}ol[data-depth="2"]{list-style-type:lower-alpha!important}ol[data-depth="3"]{list-style-type:lower-roman!important}ul[data-depth="1"]{list-style-type:disc!important}ul[data-depth="2"]{list-style-type:circle!important}ul[data-depth="3"]{list-style-type:square!important}li{display:list-item!important;margin:0!important}ol,ul{display:block!important;margin:8px 0!important;padding-left:24px!important}.output-box.format-gmail .content-area code.inline-code{background-color:#f0f0f0!important;color:#000!important;border:1px solid #ccc!important}.output-box.format-gmail .content-area pre code{color:#000!important;background:none!important;background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;display:inline!important;font-family:inherit!important;font-size:inherit!important}.output-box.format-gmail .content-area.gmail-content pre .formatted-code{color:#000!important;background:none!important;background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;display:inline!important}.output-box.format-gmail .content-area.gmail-content pre .formatted-code,.output-box.format-gmail .content-area.gmail-content pre .formatted-code *{color:#000!important;background:none!important;background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important}.output-box.format-gmail .content-area table td{font-size:13px!important}.content-area a{color:#3b82f6;text-decoration:none;position:relative}.content-area a:hover{text-decoration:underline}.content-area a:hover:after{content:attr(href);position:absolute;bottom:100%;left:0;background:#2b2d31;color:#e0e1e2;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10}.output-box.format-gmail .content-area a:hover:after{background:#f0f0f0;color:#000;border:1px solid #ccc}.controller-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:controllerFadeIn .2s ease-out}@keyframes controllerFadeIn{0%{opacity:0}to{opacity:1}}.controller-modal{background:#1a2332;border-radius:12px;width:900px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:controllerSlideIn .3s ease-out}@keyframes controllerSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.controller-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2d3748;flex-shrink:0}.controller-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.controller-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.controller-close:hover{background:var(--bg-input);color:var(--text-primary)}.controller-columns-header{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px;background:#2d3748;border-bottom:1px solid #424548;flex-shrink:0}.controller-column-label{color:var(--text-primary);font-weight:600;font-size:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.controller-content{flex:1;overflow-y:auto;padding:0}.controller-row{display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-bottom:1px solid #424548;transition:background-color .2s ease}.controller-row:hover{background:#ffffff05}.controller-row:last-child{border-bottom:none}.controller-row-label{color:var(--accent-blue);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.controller-row-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.controller-column{background:#0f1729;border:1px solid #424548;border-radius:6px;padding:16px;min-height:80px;overflow-x:auto}.controller-slack{background:#1a1d21}.controller-gmail{background:#fff}.controller-slack-content{color:#e0e1e2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;margin:0}.controller-slack-content code:not(pre code),.controller-slack-content span[style*="font-family: monospace"],.controller-slack-content span[style*="font-family:monospace"]{border:1px solid #424548!important;border-radius:3px!important;padding:2px 4px!important;background-color:#222!important;font-family:Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:12px!important;color:#e8912d!important;white-space:pre-wrap!important;display:inline-block!important;box-sizing:border-box!important}.controller-slack-content pre code{color:#fff!important;background-color:transparent!important;border:none!important;padding:0!important;display:block!important}.controller-slack-content pre{border:1px solid #424548!important;border-radius:3px!important;padding:8px!important;background-color:#222!important;font-family:Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:12px!important;color:#fff!important;white-space:pre-wrap!important;display:block!important;margin:8px 0!important;width:100%!important;box-sizing:border-box!important;line-height:normal!important}.controller-slack-content blockquote,.controller-slack-content div[style*=margin-left]{border-left:3px solid #424548!important;border-radius:0 3px 3px 0!important;padding-left:10px!important;margin:8px 0!important;color:#d1d5db!important;font-size:14px!important;line-height:1.5!important}.controller-slack-content ul,.controller-slack-content ol{margin:4px 0!important;padding-left:24px!important;color:#e0e1e2!important}.controller-slack-content li{color:#e0e1e2!important;margin:2px 0!important;display:list-item!important}.controller-gmail-content{color:#000;font-family:Arial,sans-serif;font-size:13px;line-height:1.6;min-height:20px}.controller-gmail-content table{background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;margin:8px 0;border-collapse:collapse;width:100%}.controller-gmail-content table td{font-family:monospace;color:#333;padding:8px;white-space:pre-wrap;word-wrap:break-word}.controller-gmail-content span[data-inline-code=true]{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:2px 4px;border-radius:2px;font-family:monospace;font-size:12px}.controller-gmail-content blockquote{border-left:2px solid #ccc;padding-left:10px;margin:8px 0;color:#333;font-style:normal}.controller-gmail-content ol,.controller-gmail-content ul{margin:0;padding-left:40px;color:#000}.controller-gmail-content li{color:#000;margin:0;display:list-item}.controller-error{color:#ff6b6b;font-size:.85rem;font-style:italic}@media (max-width: 768px){.controller-modal{width:100%;max-height:90vh;border-radius:12px 12px 0 0}.controller-columns-header,.controller-row-columns{grid-template-columns:1fr;gap:12px}.controller-column-label:first-child:after{content:" / ";margin:0 4px}.controller-column-label:last-child:before{content:""}.controller-columns-header{display:flex;justify-content:center;gap:0}}