.email-preview{background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.email-preview__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #ffffff1a;padding:24px}.email-preview__subject{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:600}.email-preview__preview-text{color:#fffc;margin:0;font-size:.875rem}.email-preview__toolbar{background:#16162a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.email-preview__device-switcher{gap:8px;display:flex}.email-preview__device-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;transition:all .2s;display:flex}.email-preview__device-btn:hover{color:#fff;background:#ffffff1a}.email-preview__device-btn--active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 15px #667eea66}.email-preview__device-icon{font-size:1rem}.email-preview__device-label{font-weight:500}@media (max-width:640px){.email-preview__device-label{display:none}}.email-preview__raw-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.email-preview__raw-btn:hover{color:#fff;background:#ffffff1a}.email-preview__raw-btn--active{color:#fff;background:#10b981;border-color:#0000}.email-preview__content{min-height:600px;display:flex}.email-preview__content--split{flex-direction:row}@media (max-width:1024px){.email-preview__content--split{flex-direction:column}}.email-preview__raw-panel{background:#0d0d1a;border-right:1px solid #ffffff0d;flex-direction:column;flex:1;max-width:50%;display:flex}@media (max-width:1024px){.email-preview__raw-panel{border-bottom:1px solid #ffffff0d;border-right:none;max-width:100%;max-height:300px}}.email-preview__raw-header{color:#fff9;text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.75rem;font-weight:600;display:flex}.email-preview__copy-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:4px 12px;font-size:.75rem;transition:all .2s}.email-preview__copy-btn:hover{color:#fff;background:#fff3}.email-preview__code{color:#a5b4fc;white-space:pre-wrap;word-break:break-all;flex:1;margin:0;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.email-preview__preview-panel{background:#12121f;flex-direction:column;flex:1;display:flex}.email-preview__preview-info{color:#fff9;text-align:center;background:#ffffff08;border-bottom:1px solid #ffffff0d;padding:12px 16px;font-size:.75rem;font-weight:500}.email-preview__frame-container{flex:1;width:100%;margin:24px auto;padding:0 24px;transition:max-width .3s}.email-preview__iframe{background:#fff;border:none;border-radius:8px;width:100%;height:100%;min-height:500px;box-shadow:0 0 0 1px #ffffff1a,0 20px 40px #0000004d}