:root{color:#1f2937;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,rgba(116,160,224,.16),transparent 28%),linear-gradient(180deg,#f5f8fc,#eef3fa);--bg-page: #eef3fa;--bg-panel: rgba(255, 255, 255, .96);--bg-panel-strong: #ffffff;--bg-soft: #eef3fb;--bg-soft-strong: #e4edf8;--bg-accent: rgba(52, 106, 226, .12);--text-main: #1f2937;--text-subtle: #617188;--text-soft: #93a0b4;--border: rgba(131, 149, 179, .2);--border-strong: rgba(86, 115, 160, .28);--accent: #356ae2;--accent-strong: #214fb5;--danger: #d05262;--success: #1f8a5b;--warning: #cb8a1c;--shadow: 0 24px 52px rgba(49, 71, 109, .1)}:root[data-theme=dark]{color:#edf2fb;background:radial-gradient(circle at top left,rgba(94,136,207,.2),transparent 28%),linear-gradient(180deg,#121722,#171d28);--bg-page: #171d28;--bg-panel: rgba(25, 30, 40, .94);--bg-panel-strong: #1d2430;--bg-soft: #222c3a;--bg-soft-strong: #283345;--bg-accent: rgba(127, 171, 255, .16);--text-main: #edf2fb;--text-subtle: #b7c2d4;--text-soft: #8d9ab0;--border: rgba(165, 182, 214, .14);--border-strong: rgba(165, 182, 214, .22);--accent: #7fabff;--accent-strong: #bdd2ff;--danger: #f07a89;--success: #52c087;--warning: #e5ab3e;--shadow: 0 24px 56px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:transparent;color:var(--text-main)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel-strong);color:var(--text-main);padding:.78rem .92rem}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid transparent}textarea{min-height:7rem;resize:vertical}.app-shell{display:grid;min-height:100vh;padding:1rem}.workspace-shell{align-content:start;gap:.9rem}.auth-card,.status-panel,.workspace-header,.workspace-panel,.dialog-card{border:1px solid var(--border);border-radius:24px;background:var(--bg-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-panel,.workspace-header,.workspace-panel,.dialog-card{display:grid;gap:.9rem;padding:1.2rem}.dialog-card-compact{width:min(100%,620px)}.auth-card{width:min(100%,1040px);display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,.8fr);gap:1.2rem;padding:1.25rem;place-self:center}.auth-card-refined,.auth-copy,.status-panel,.workspace-header-main,.workspace-panel,.dialog-card,.viewer-block,.config-summary-card{min-width:0}.auth-copy h1,.status-panel h1,.workspace-header h1,.workspace-panel h2,.dialog-card h2{margin:.2rem 0 .55rem;color:var(--text-main);font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}.auth-copy h1,.status-panel h1{font-size:clamp(2rem,4vw,3rem);line-height:1.04}.workspace-header h1,.workspace-panel h2,.dialog-card h2{font-size:clamp(1.28rem,2.2vw,1.82rem);line-height:1.08}.auth-copy p,.status-panel p,.workspace-header p,.workspace-panel p,.dialog-card p,.workspace-meta dt,.workspace-meta dd{margin:0;color:var(--text-subtle)}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-copy{display:grid;align-content:start;gap:.85rem;padding:.35rem}.auth-copy-note{display:grid;gap:.24rem;padding:.95rem 1rem;border-radius:16px;background:var(--bg-soft)}.auth-form,.dialog-form,.config-form{display:grid;gap:.85rem}.auth-form-card{padding:1rem;border-radius:22px;background:var(--bg-panel-strong);border:1px solid var(--border)}.field{display:grid;gap:.42rem}.field span{color:var(--text-subtle);font-size:.86rem;font-weight:600}.primary-button,.secondary-button,.toolbar-button,.workspace-tab,.toolbar-pill-button,.message-renderer-tab,.message-code-button{border-radius:999px;transition:background .12s ease,color .12s ease,transform .12s ease,opacity .12s ease}.primary-button,.secondary-button,.toolbar-button,.workspace-tab,.toolbar-pill-button{padding:.72rem 1rem}.primary-button{background:var(--accent);color:#fff;font-weight:700}.secondary-button,.toolbar-button,.toolbar-pill-button{background:var(--bg-soft);color:var(--text-main);font-weight:600}.toolbar-button-danger{color:var(--danger)}.toolbar-pill-button.is-primary,.workspace-tab.is-active,.message-renderer-tab.is-active{background:var(--accent);color:#fff}.message-renderer-tab{padding:.5rem .88rem;background:var(--bg-soft);color:var(--text-subtle);font-weight:600}.message-renderer-tab:disabled{cursor:not-allowed;opacity:.55}.message-code-button{padding:.26rem .72rem;background:#346ae214;border:1px solid rgba(52,106,226,.22);color:var(--accent-strong);font-size:.84rem;font-weight:600}.primary-button:hover,.secondary-button:hover,.toolbar-button:hover,.workspace-tab:hover,.toolbar-pill-button:hover,.message-renderer-tab:hover,.message-code-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.toolbar-button:disabled,.toolbar-pill-button:disabled{cursor:wait;opacity:.7;transform:none}.notice-text,.error-text{border-radius:12px;padding:.78rem .88rem;font-size:.9rem}.notice-text{background:var(--bg-accent);color:var(--accent-strong)}.error-text,.toolbar-error{background:#d052621f;color:var(--danger)}.toolbar-error{border-radius:10px;padding:.58rem .72rem;font-size:.85rem}.workspace-header{gap:.95rem}.workspace-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.workspace-header-compact p:last-child{max-width:36rem}.workspace-toolbar{display:grid;gap:.55rem;justify-items:end;min-width:0}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.workspace-nav-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.workspace-nav{display:flex;flex-wrap:wrap;gap:.55rem}.workspace-tab{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--text-subtle);text-decoration:none;font-weight:700}.workspace-meta{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(156px,1fr));margin:0}.workspace-meta div,.business-facts-grid article,.config-summary-card,.viewer-block{border-radius:16px;background:var(--bg-soft);padding:.88rem}.workspace-meta dt{color:var(--text-soft);font-size:.72rem;letter-spacing:.08em;margin-bottom:.32rem;text-transform:uppercase}.workspace-meta dd{margin:0;color:var(--text-main)}.workspace-content{display:grid;gap:.9rem}.workspace-banner{margin:0}.workspace-main-grid{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:.9rem;align-items:start}.workspace-detail-stack{min-width:0;display:grid;gap:.9rem}.message-workbench{min-width:0;display:grid;grid-template-columns:minmax(330px,380px) minmax(0,1fr);gap:.9rem;align-items:start}.mailbox-list-panel,.message-list-panel,.message-viewer-panel,.business-panel,.config-page{min-width:0}.mailbox-list-head,.panel-header,.business-panel-head,.message-panel-head{display:flex;gap:.72rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.mailbox-list-title,.message-panel-title{min-width:0}.mailbox-list-actions,.business-panel-actions,.message-renderer-tabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.mailbox-scroll,.message-list{min-height:0;overflow:auto}.mailbox-scroll{max-height:calc(100vh - 16rem)}.message-list{max-height:28rem}.mailbox-list,.message-list,.mini-list{display:grid;gap:.58rem;list-style:none;margin:0;padding:0}.mailbox-row,.message-row{width:100%;display:grid;border-radius:18px;border:1px solid var(--border);background:var(--bg-panel-strong);color:inherit;text-align:left}.mailbox-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.72rem;align-items:center;padding:.85rem .9rem}.message-row{gap:.42rem;padding:.8rem .9rem}.mailbox-row.is-selected,.message-row.is-selected{border-color:var(--accent);background:var(--bg-accent)}.status-dot{width:.66rem;height:.66rem;border-radius:999px;display:inline-block}.status-ready{background:var(--success)}.status-warning{background:var(--warning)}.status-paused{background:var(--text-soft)}.status-error{background:var(--danger)}.mailbox-row-main,.mailbox-row-side,.message-row-bottom,.message-row-top,.message-list-meta{display:grid;gap:.18rem;min-width:0}.mailbox-row-topline,.mailbox-row-states,.mailbox-row-meta{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:center}.mailbox-row-topline strong,.message-row-top strong,.viewer-block h3,.business-facts-grid strong{overflow-wrap:anywhere}.mailbox-row-topline span,.mailbox-row-main span,.mailbox-row-side span,.message-row-bottom span,.message-row-top span,.message-list-meta span,.summary-label,.config-summary-card span,.business-panel-subtitle{color:var(--text-subtle);font-size:.84rem}.mailbox-row-side{text-align:right}.mini-state{display:inline-flex;align-items:center;min-height:1.58rem;padding:.1rem .5rem;border-radius:999px;background:var(--bg-soft);font-size:.76rem}.mailbox-code-inline{font-weight:600;color:var(--text-main)}.business-status-strip{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.status-chip{display:inline-flex;align-items:center;min-height:1.95rem;padding:.3rem .72rem;border-radius:999px;background:var(--bg-soft);color:var(--text-subtle);font-size:.85rem;font-weight:600}.status-chip.is-registered,.status-chip.is-delivered,.status-chip.is-linked{background:#1f8a5b24;color:var(--success)}.status-chip.is-muted{background:var(--bg-soft);color:var(--text-subtle)}.inline-link-button{background:transparent;color:var(--danger);padding:.2rem 0;font-weight:600}.business-facts-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.business-facts-grid article,.config-summary-card,.viewer-block{display:grid;gap:.28rem}.business-note-card{grid-column:span 2}.message-panel-head{align-items:center}.message-row-top,.message-row-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:center}.message-row-top strong{font-size:.95rem}.message-row-code{display:inline-flex;align-items:center;min-height:1.56rem;padding:.08rem .52rem;border-radius:999px;background:var(--bg-soft);font-size:.76rem;color:var(--text-subtle)}.message-row-code.has-code{background:#346ae21a;color:var(--accent-strong);font-weight:600}.message-viewer-panel{gap:.8rem}.message-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.message-viewer-subject{color:var(--text-main)!important;font-size:.95rem}.message-meta-grid{display:grid;gap:.72rem;grid-template-columns:repeat(4,minmax(0,1fr))}.message-meta-item{display:grid;gap:.26rem;padding:.78rem .84rem;border-radius:16px;background:var(--bg-soft);min-width:0}.message-meta-item strong{overflow-wrap:anywhere}.message-meta-label{color:var(--text-soft);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.message-meta-code{align-content:start}.message-body-shell{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--bg-panel-strong);min-height:34rem}.message-body-frame{width:100%;min-height:34rem;border:0;background:#fff}.message-body-text{margin:0;min-height:34rem;padding:1rem;white-space:pre-wrap;word-break:break-word;color:var(--text-main);background:var(--bg-panel-strong)}.message-body-placeholder{display:grid;gap:.35rem;align-content:start;min-height:34rem;padding:1rem}.message-body-subtle{color:var(--text-subtle);font-size:.86rem}.message-side-notes{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-list li{display:grid;gap:.18rem}.compact-list{margin-top:.55rem}.business-edit-form,.config-form{grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:span 2}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#141c2a42}.dialog-card{width:min(100%,720px)}.dialog-result{display:grid;gap:.3rem}.config-layout{display:grid;gap:.9rem;grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);align-items:start}.config-actions{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}@media(max-width:1360px){.message-workbench,.config-layout{grid-template-columns:1fr}.business-facts-grid,.message-meta-grid,.message-side-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.workspace-main-grid{grid-template-columns:1fr}.mailbox-scroll{max-height:none}}@media(max-width:860px){.app-shell{padding:.8rem}.auth-card,.workspace-meta,.business-facts-grid,.message-meta-grid,.message-side-notes,.business-edit-form,.config-form{grid-template-columns:1fr}.workspace-header-main,.workspace-nav-row,.mailbox-list-head,.business-panel-head,.message-panel-head,.panel-header{flex-direction:column;align-items:stretch}.workspace-toolbar,.toolbar-actions{justify-items:stretch;justify-content:flex-start}.mailbox-row{grid-template-columns:auto minmax(0,1fr)}.mailbox-row-side{grid-column:2;text-align:left}.field-span-2,.business-note-card{grid-column:auto}}