:root{color-scheme:light;--bg:#f5f6f1;--surface:#ffffff;--surface-muted:#f0f3f4;--line:#d9dedc;--line-strong:#bac3c2;--text:#1f2727;--muted:#667270;--muted-strong:#465251;--brand:#236c61;--brand-strong:#174d45;--brand-soft:#dcece8;--danger:#b5403a;--danger-soft:#f5dddb;--shadow:0 18px 44px rgba(31,39,39,0.1)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(135deg,rgba(35,108,97,.1),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;padding:28px}.workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:18px;gap:18px;width:min(1280px,100%);min-height:calc(100vh - 56px);margin:0 auto}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px}.identity,.topbar{align-items:center}.identity{display:flex;gap:12px;min-width:0}.identity-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand);box-shadow:0 8px 24px rgba(31,39,39,.08)}.identity h1{margin:0;font-size:clamp(22px,3vw,34px);font-weight:760;line-height:1.05;letter-spacing:0}.identity p{margin:4px 0 0;color:var(--muted);font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.76);color:var(--muted-strong);font-size:13px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--line-strong)}.status-pill.ready .status-dot{background:var(--brand)}.status-pill.error .status-dot{background:var(--danger)}.panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.input-panel{display:grid;grid-gap:12px;gap:12px;padding:16px}.input-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.input-header label{color:var(--muted-strong);font-size:14px;font-weight:650}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;grid-gap:10px;gap:10px}.credential-input{width:100%;min-height:76px;resize:vertical;padding:12px 14px;border:1px solid var(--line-strong);border-radius:8px;outline:none;background:#fbfcfb;color:var(--text);font-size:14px;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.credential-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px rgba(35,108,97,.14)}.icon-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.primary-button{gap:8px;min-width:112px;min-height:76px;padding:0 16px;background:var(--brand);color:#ffffff;font-weight:700}.primary-button:hover:not(:disabled){background:var(--brand-strong)}.icon-button:active:not(:disabled),.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.62}.icon-button{width:36px;height:36px;border-color:var(--line);background:var(--surface);color:var(--muted-strong)}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-muted)}.error-banner{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(181,64,58,.28);border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.45}.inbox{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:0;overflow:hidden}.message-list{min-height:0;border-right:1px solid var(--line);background:#fbfcfb}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:54px;padding:0 14px;border-bottom:1px solid var(--line)}.list-toolbar h2{margin:0;font-size:15px;font-weight:760}.count{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:700}.message-scroll{height:calc(100% - 54px);overflow:auto}.message-item{display:grid;grid-gap:7px;gap:7px;width:100%;padding:13px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.message-item:hover{background:var(--surface-muted)}.message-item.active{background:var(--brand-soft)}.message-item-title{overflow:hidden;color:var(--text);font-size:14px;font-weight:750;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.message-item-meta{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px}.message-item-meta span{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.message-preview{display:-webkit-box;overflow:hidden;color:var(--muted-strong);font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-detail{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:var(--surface)}.detail-header{display:grid;grid-gap:10px;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-header h2{flex:1 1;margin:0;overflow-wrap:anywhere;font-size:clamp(18px,2vw,26px);line-height:1.18;letter-spacing:0}.view-toggle{display:inline-flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted-strong);font-size:13px;font-weight:700}.view-toggle button:last-child{border-right:0}.view-toggle button.active{background:var(--surface);color:var(--brand-strong)}.detail-meta{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}.detail-meta-row{display:flex;gap:8px;min-width:0}.detail-meta-label{flex:0 0 48px;color:var(--muted-strong);font-weight:700}.detail-meta-value{min-width:0;overflow-wrap:anywhere}.detail-body{min-height:0;overflow:auto;padding:16px}.body-frame{display:grid;min-height:100%;max-width:980px;color:var(--text);font-size:15px;line-height:1.65}.body-frame :where(p,ul,ol,blockquote,pre,table){margin-top:0}.body-frame a{color:var(--brand)}.plain-body{margin:0;padding:8px 4px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.html-body-frame{width:100%;min-height:680px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.empty-state,.loading-state{display:grid;grid-column:1/-1;min-height:420px;place-items:center;padding:30px;color:var(--muted);text-align:center}.empty-state-content,.loading-state-content{display:grid;grid-gap:12px;gap:12px;justify-items:center;max-width:360px}.empty-icon,.loading-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand)}.loading-icon svg{animation:spin 1s linear infinite}.empty-state h2,.loading-state h2{margin:0;color:var(--text);font-size:18px}.empty-state p,.loading-state p{margin:0;font-size:14px;line-height:1.5}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:820px){.app-shell{padding:16px}.workspace{min-height:calc(100vh - 32px)}.field-row,.topbar{grid-template-columns:1fr}.primary-button{width:100%}.inbox{grid-template-columns:1fr}.message-list{max-height:320px;border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:520px){.input-header{flex-direction:column}.identity,.input-header{align-items:flex-start}.identity-mark{width:38px;height:38px}.detail-title-row{display:grid}.view-toggle{width:100%}.view-toggle button{flex:1 1}}