:root{color-scheme:dark;--bg: #080a0d;--chrome: #0c1016;--panel: #111720;--panel-soft: #171f2a;--panel-strong: #090d13;--panel-raised: #141c27;--field: #0b1118;--field-hover: #101925;--field-active: #15253a;--field-border: #313b49;--text: #f6f8fb;--muted: #aab5c4;--quiet: #778497;--border: #273241;--border-soft: #1e2632;--accent: #2666e3;--accent-bright: #6aa2ff;--accent-strong: #1554d6;--accent-soft: rgba(38, 102, 227, .22);--accent-row: rgba(60, 124, 255, .1);--surface-tint: rgba(255, 255, 255, .035);--surface-tint-strong: rgba(255, 255, 255, .065);--button-hover-bg: #121c29;--button-active-bg: rgba(38, 102, 227, .2);--button-active-text: #ffffff;--rail-bg: #0b1119;--rail-hover-bg: rgba(106, 162, 255, .12);--table-head-bg: #101720;--table-row-alt: rgba(255, 255, 255, .026);--table-row-hover: rgba(83, 139, 255, .13);--editor-bg: #0a1017;--editor-chrome: #101824;--editor-gutter: #0d151f;--danger: #ff5865;--ok: #29d482;--warn: #f2b84b;--shadow: 0 18px 48px rgba(0, 0, 0, .28);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .18);--focus: rgba(106, 162, 255, .25);--preview-bg: #ffffff;--response-bg: #070b11;--response-text: #dce6f6;--dialog-shadow: 0 24px 80px rgba(0, 0, 0, .56);--backdrop: rgba(0, 0, 0, .66);--rail-width: 76px;--topbar-height: 68px;--send-column: minmax(320px, 360px);--editor-column: minmax(500px, 1fr);--right-column: minmax(500px, .92fr);--workbench-gap: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #eef2f7;--chrome: #f8fafc;--panel: #ffffff;--panel-soft: #f5f7fb;--panel-strong: #e6ecf4;--panel-raised: #ffffff;--field: #fbfdff;--field-hover: #f0f5ff;--field-active: #e7efff;--field-border: #aebccd;--text: #111827;--muted: #435266;--quiet: #64748b;--border: #c5d0de;--border-soft: #dbe3ed;--accent: #245bc2;--accent-bright: #174ea6;--accent-strong: #0f3e91;--accent-soft: rgba(36, 91, 194, .13);--accent-row: rgba(36, 91, 194, .09);--surface-tint: rgba(17, 24, 39, .035);--surface-tint-strong: rgba(17, 24, 39, .06);--button-hover-bg: #dfeaf8;--button-active-bg: #dce9ff;--button-active-text: #123f85;--rail-bg: #e8eef6;--rail-hover-bg: #d6e2f2;--table-head-bg: #edf3fa;--table-row-alt: rgba(23, 78, 166, .045);--table-row-hover: rgba(36, 91, 194, .115);--editor-bg: #fbfdff;--editor-chrome: #edf3fa;--editor-gutter: #e7eef7;--danger: #b42332;--ok: #067647;--warn: #975102;--shadow: 0 16px 36px rgba(35, 46, 65, .12);--shadow-soft: 0 9px 20px rgba(35, 46, 65, .09);--focus: rgba(23, 78, 166, .18);--preview-bg: #ffffff;--response-bg: #0d1117;--response-text: #d6deeb;--dialog-shadow: 0 24px 80px rgba(29, 39, 57, .24);--backdrop: rgba(15, 23, 42, .36)}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);overflow:hidden;text-rendering:geometricPrecision}.app-shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);height:100vh;height:100dvh;min-height:0;overflow:hidden}.rail{display:grid;grid-template-rows:1fr auto;gap:12px;padding:14px 8px;border-right:1px solid var(--border-soft);background:var(--rail-bg);min-height:0}:root[data-theme=light] .rail{background:linear-gradient(180deg,#eef3f9,var(--rail-bg))}.brand-mark{width:44px;height:44px;margin:0;display:grid;place-items:center;overflow:hidden}.brand-mark svg{display:block;width:100%;height:100%}.header-logo{flex:0 0 42px;width:42px;height:42px}.rail-nav{display:grid;gap:8px;align-content:start}.rail-item{display:grid;justify-items:center;gap:5px;min-height:62px;padding:9px 4px;border-color:transparent;border-radius:8px;background:transparent;color:var(--muted);transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.rail-item span{display:grid;place-items:center;width:21px;height:21px;line-height:1}.rail-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.rail-item small{font-size:11px;line-height:1.1}.rail-item b{min-width:20px;min-height:17px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-soft) 82%,var(--surface-tint-strong));color:var(--quiet);font-size:10px;line-height:1.1;font-weight:760}.rail-item:hover{background:var(--rail-hover-bg);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-bright) 16%,transparent)}.rail-item.active{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;border-color:#6aa2ff61;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #0e3ca038}.rail-item.active b{border-color:#ffffff2e;background:#ffffff21;color:#fff}.rail-foot{color:var(--muted);font-size:11px;text-align:center}.workspace{display:flex;flex-direction:column;min-width:0;height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-header{display:grid;grid-template-columns:minmax(360px,1fr) auto auto;align-items:center;gap:18px;flex:0 0 var(--topbar-height);min-height:var(--topbar-height);padding:10px 18px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--chrome) 94%,var(--surface-tint));box-shadow:0 1px #ffffff0a}.header-brand{display:flex;align-items:center;min-width:0;gap:12px}h1{margin:0;font-size:20px;line-height:1.15;font-weight:760;letter-spacing:0}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);border-radius:7px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);font-size:12px;font-weight:760}.status-pill[data-state=idle]{border-color:color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--panel-soft) 80%,transparent);color:var(--muted)}.status-pill[data-state=sending]{border-color:color-mix(in srgb,var(--warn) 36%,transparent);background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.status-pill[data-state=error]{border-color:color-mix(in srgb,var(--danger) 36%,transparent);background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.top-meta{display:grid;grid-template-columns:repeat(3,max-content);gap:0;border-left:1px solid var(--border-soft)}.top-meta div{min-width:118px;padding:0 20px;border-right:1px solid var(--border-soft)}.top-meta span,.top-meta label{display:block;color:var(--muted);font-size:11px;line-height:1.3}.top-meta strong{display:block;margin-top:3px;color:var(--text);font-size:12px;font-weight:650;line-height:1.25}.top-meta strong:first-letter{color:inherit}.top-select{width:128px;margin-top:3px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:650;line-height:1.25;padding:3px 5px;outline:none}.top-select:hover{border-color:var(--border);background:var(--button-hover-bg)}.top-select:focus{border-color:var(--accent-bright);background:var(--field);color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.top-select option{background:var(--panel);color:var(--text)}.header-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.status-row{display:none}.layout{display:grid;grid-template-columns:var(--send-column) var(--editor-column) var(--right-column);gap:var(--workbench-gap);flex:1 1 auto;height:calc(100dvh - var(--topbar-height));min-height:0;padding:var(--workbench-gap);overflow:hidden}.console-shell{flex:1 1 auto;min-height:0;overflow:hidden}.section-view{display:none}.section-view.active{display:flex}.section-view.active.layout{display:grid}.operator-grid{display:contents}.right-column{display:grid;grid-template-rows:minmax(0,1fr) auto 52px;min-width:0;min-height:0;height:100%;gap:var(--workbench-gap);overflow:hidden}.send-panel,.editor-panel,.preview-panel,.summary-panel,.response-panel,.auth-panel,.data-view{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,var(--surface-tint));box-shadow:var(--shadow);overflow:hidden}:root[data-theme=light] .send-panel,:root[data-theme=light] .editor-panel,:root[data-theme=light] .preview-panel,:root[data-theme=light] .summary-panel,:root[data-theme=light] .response-panel,:root[data-theme=light] .auth-panel,:root[data-theme=light] .data-view{background:var(--panel);box-shadow:var(--shadow),inset 0 1px #fff}.data-view{height:calc(100dvh - var(--topbar-height));margin:var(--workbench-gap);padding:0}.data-view.section-view:not(.active){display:none}.data-header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex:0 0 auto;min-height:68px;padding:14px 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,var(--surface-tint-strong)),color-mix(in srgb,var(--panel-soft) 84%,var(--panel)))}:root[data-theme=light] .data-header{background:linear-gradient(180deg,#fff,#f4f7fb)}.data-header p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.data-header-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:0 0 auto;padding:12px 14px 13px;border-bottom:1px solid var(--border-soft)}.stat-card{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel-soft) 88%,var(--surface-tint));box-shadow:var(--shadow-soft)}:root[data-theme=light] .stat-card{background:linear-gradient(180deg,#fff,#f7fafd)}.stat-card em{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-style:normal;line-height:1.2}.stat-card strong{display:block;color:var(--text);font-size:22px;line-height:1}.stat-card small{display:block;margin-top:7px;color:var(--quiet);font-size:11px;line-height:1.3}.data-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px);gap:10px;flex:0 0 auto;padding:12px 14px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 76%,var(--panel))}.log-filter-bar{grid-template-columns:minmax(220px,1fr) minmax(180px,260px)}.metrics-filter-bar{grid-template-columns:minmax(220px,1fr)}.data-filter-bar label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:760;line-height:1.2;text-transform:uppercase}.data-filter-bar input,.data-filter-bar select{min-width:0;width:100%;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--field);color:var(--text);font:inherit;font-size:13px;text-transform:none}.data-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12.5px;line-height:1.35}.data-table th{position:sticky;top:0;z-index:1;padding:11px 12px;border-bottom:1px solid var(--border);background:var(--table-head-bg);color:var(--muted);font-size:11px;font-weight:780;text-align:left;text-transform:uppercase}:root[data-theme=light] .data-table th{background:#f8fafc}.data-table td{max-width:340px;padding:12px;border-bottom:1px solid color-mix(in srgb,var(--border) 64%,transparent);color:var(--text);vertical-align:top}.data-table tbody tr:nth-child(2n) td{background:var(--table-row-alt)}.data-table tr:hover td{background:var(--table-row-hover)}.data-table tr[data-issue-key]{cursor:pointer}.data-table tr.selected-issue td{background:color-mix(in srgb,var(--accent-soft) 58%,transparent)}.data-table tr.selected-issue td:first-child{box-shadow:inset 3px 0 0 var(--accent-bright)}.data-table tr.is-saving td{opacity:.62}.data-table tr.is-saving td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.data-table button{min-height:28px;padding:0 9px;font-size:12px}.link-button{min-height:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--accent-bright);font-size:inherit;line-height:inherit;text-align:left;white-space:normal}.link-button:hover{background:transparent;color:var(--accent);box-shadow:none;text-decoration:underline}.link-button:focus-visible{border-color:transparent;border-radius:4px;box-shadow:0 0 0 3px var(--focus)}.context-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:0 0 auto;padding:10px 14px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--accent-soft) 52%,var(--panel))}.context-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent-bright) 26%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--field) 88%,var(--accent-soft));color:var(--text);font-size:12px;line-height:1}.context-chip strong{color:var(--muted);font-size:10px;font-weight:780;text-transform:uppercase}.context-chip button{display:grid;place-items:center;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--muted);font-size:11px;line-height:1;box-shadow:none}.context-chip button:hover{border-color:color-mix(in srgb,var(--danger) 36%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);box-shadow:none}.row-action{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center}.mini-select{min-width:0;width:100%;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--field);color:var(--text);font:inherit;font-size:12px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 4%,transparent)}.mini-select:hover,.inline-edit-select:hover{background:var(--field-hover)}.inline-edit-select{min-width:116px;min-height:30px;border-color:color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--field) 92%,transparent);font-size:12px}.inline-edit-select:disabled{cursor:wait;opacity:.74}.table-muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--field) 88%,var(--surface-tint));color:var(--muted);font-size:11px;font-weight:760}.pill.ok{border-color:#29d4823d;background:#29d48221;color:var(--ok)}.pill.warn{border-color:#f2b84b47;background:#f2b84b24;color:var(--warn)}.pill.danger{border-color:#ff586542;background:#ff58651f;color:var(--danger)}.section-message{flex:0 0 auto;min-height:42px;padding:12px 14px;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 78%,var(--panel));color:var(--muted);font-size:12px;line-height:1.35}.section-message[data-state=error]{background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.data-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);flex:1 1 auto;min-height:0}.detail-pane{min-width:0;padding:16px;border-left:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 82%,var(--panel));color:var(--muted);overflow:auto;font-size:12px;line-height:1.45}.detail-pane h3{margin:0 0 9px;color:var(--text);font-size:16px;line-height:1.25}.issue-detail-kicker{display:inline-flex;align-items:center;min-height:22px;margin-bottom:10px;padding:0 8px;border:1px solid rgba(88,141,255,.28);border-radius:999px;background:#588dff21;color:var(--accent-bright);font-size:11px;font-weight:780;text-transform:uppercase}.issue-detail-subject{margin:0;color:var(--muted)}.detail-action{display:grid;gap:8px;margin:16px 0 12px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:8px;background:color-mix(in srgb,var(--field) 84%,var(--surface-tint));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent)}.detail-action label{color:var(--text);font-weight:760}.detail-list{display:grid;gap:10px;margin-top:14px}.detail-list span{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--border) 64%,transparent)}.detail-list em{color:var(--quiet);font-style:normal;font-size:11px}.detail-list strong{color:var(--text);font-size:12px;font-weight:650;word-break:break-word}.tab-row{display:flex;gap:8px;flex:0 0 auto;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-soft) 70%,var(--panel))}.log-table{display:none}.log-table.active{display:block}.auth-panel{width:min(520px,calc(100vw - 120px));margin:34px auto}.auth-panel form{display:grid;gap:16px;padding:18px}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex:0 0 auto;min-height:44px;padding:9px 14px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,var(--surface-tint-strong)),color-mix(in srgb,var(--panel-soft) 84%,var(--panel)))}:root[data-theme=light] .panel-header{background:linear-gradient(180deg,#fff,#f4f7fb)}.compact-header{align-items:center}h2{margin:0;font-size:14px;line-height:1.25;font-weight:760;letter-spacing:0}.panel-subtitle{margin:3px 0 0;color:var(--quiet);font-size:12px;line-height:1.35}.panel-body{display:grid;gap:14px;align-content:start;flex:1 1 auto;min-height:0;padding:14px;overflow:auto}label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--text)}.label-note{color:var(--muted);font-weight:650}.hint,.footer-note{color:var(--muted);font-size:12px;line-height:1.4;font-weight:450}input,textarea,select{width:100%;border:1px solid var(--field-border);border-radius:7px;background:var(--field);color:var(--text);font:inherit;font-size:14px;line-height:1.4;min-height:38px;padding:9px 11px;outline:none;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--accent-bright) 36%,var(--field-border));background:var(--field-hover)}input:focus,textarea:focus,select:focus{border-color:var(--accent-bright);background:var(--field);box-shadow:0 0 0 3px var(--focus)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}textarea{min-height:0;resize:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.field-with-button{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;align-items:end}.mode-field{position:relative}.list-unsubscribe-option{gap:10px}.mode-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border:1px solid var(--field-border);border-radius:8px;background:var(--field);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent)}.mode-switch:hover{border-color:color-mix(in srgb,var(--accent-bright) 28%,var(--field-border));background:var(--field-hover)}.mode-switch button{min-height:38px;border:0;background:transparent;color:var(--muted)}.mode-switch button:hover{background:color-mix(in srgb,var(--button-hover-bg) 76%,transparent);color:var(--text)}.mode-switch button.is-active{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 8px 22px #1546be47}.mode-switch button.is-active:hover{color:#fff}:root[data-theme=light] .mode-switch button:hover{background:#d4e2f4;color:#0f3e91}:root[data-theme=light] .mode-switch button.is-active:hover{background:linear-gradient(180deg,#245bc2,#0f3e91);color:#fff}.field-count{color:var(--muted);font-size:12px;line-height:1.2;font-weight:600;justify-self:end}.send-panel-footer{display:grid;gap:10px;margin-top:auto}.hidden{display:none!important}button{appearance:none;border:1px solid var(--border);border-radius:7px;background:var(--field);color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1;min-height:36px;padding:0 12px;white-space:nowrap;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 5%,transparent);transition:transform .12s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,filter .14s ease}button.primary{border-color:color-mix(in srgb,var(--accent-bright) 72%,var(--accent));background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;min-height:44px;box-shadow:0 10px 24px #1554d647,inset 0 1px #ffffff29}button.compact-primary{min-height:36px}button:hover{border-color:color-mix(in srgb,var(--accent-bright) 40%,var(--border));background:var(--button-hover-bg);color:var(--text);box-shadow:var(--shadow-soft),inset 0 1px color-mix(in srgb,#ffffff 8%,transparent)}button.primary:hover{border-color:color-mix(in srgb,var(--accent-bright) 80%,#ffffff);color:#fff;filter:brightness(1.04)}button:active{transform:translateY(1px)}button:focus-visible{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--focus),inset 0 1px color-mix(in srgb,#ffffff 7%,transparent)}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.muted-button{color:var(--muted)}.muted-button.is-active{color:var(--button-active-text);border-color:#4d86ff6b;background:var(--button-active-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-bright) 18%,transparent)}:root[data-theme=light] .muted-button.is-active{color:var(--button-active-text);border-color:color-mix(in srgb,var(--accent-bright) 32%,var(--border));background:var(--button-active-bg)}.theme-toggle{min-width:44px;overflow:hidden;text-indent:-999px;position:relative}.theme-toggle:after{content:"☼";position:absolute;inset:0;display:grid;place-items:center;text-indent:0}:root[data-theme=light] .theme-toggle:after{content:"☾"}.editor-panel{background:var(--editor-bg);height:100%}.editor-toolbar{display:flex;gap:8px;align-items:center;flex:0 0 auto;min-height:40px;padding:6px 14px;border-bottom:1px solid var(--border-soft);background:var(--editor-chrome)}.editor-toolbar button{min-height:28px;font-size:12px}.editor-findbar{display:grid;grid-template-columns:minmax(160px,1fr) max-content max-content max-content max-content;gap:8px;align-items:center;flex:0 0 auto;padding:8px 10px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--editor-chrome) 90%,var(--panel))}.editor-findbar input{min-height:32px;padding:6px 9px;font-size:12px}.editor-findbar span{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.editor-findbar button{min-height:32px;padding:0 9px;font-size:12px}.editor-body{display:grid;grid-template-columns:48px minmax(0,1fr);flex:1 1 auto;min-height:0;max-height:100%;padding:0;overflow:auto}.has-code-editor .editor-body{display:flex;flex-direction:column;overflow:hidden}.has-code-editor .editor-gutter{display:none}.editor-gutter{padding:12px 10px;border-right:1px solid var(--border);background:var(--editor-gutter);color:var(--quiet);font:12px/1.66 SFMono-Regular,Consolas,Liberation Mono,monospace;text-align:right;white-space:pre;overflow:hidden}.editor-label,.editor-label textarea{min-height:0}.CodeMirror{height:100%;min-height:0;flex:1 1 auto;background:var(--editor-bg);color:#e8edf5;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.66}.CodeMirror-scroll{height:100%;max-height:100%;min-height:0;overflow:auto!important}.CodeMirror-sizer{min-height:100%!important}.CodeMirror-gutters{background:var(--editor-gutter);border-right:1px solid var(--border-soft)}.CodeMirror-linenumber{color:var(--quiet)}.CodeMirror-cursor{border-left-color:#fff}.CodeMirror-selected{background:#4d86ff42!important}.cm-search-match{background:#f2b84b3b;border-radius:3px}.cm-search-match-active{background:#4d86ff6b;box-shadow:0 0 0 1px #95b8ff8f}.CodeMirror-dialog{background:var(--panel-soft);color:var(--text);border-bottom:1px solid var(--border);font-family:inherit}.CodeMirror-dialog input{min-height:30px;width:min(420px,100%)}.plain-editor{white-space:pre-wrap}.editor-expanded .layout{grid-template-columns:var(--send-column) minmax(0,1fr)}.editor-expanded .right-column{display:none}.editor-expanded .editor-panel{grid-column:2 / -1}.editor-label{display:flex;flex:1 1 auto;min-width:0}.editor-mount{display:flex;flex:1 1 auto;min-width:0;min-height:0}.editor-label textarea{flex:1 1 auto;height:100%;border:0;border-radius:0;background:var(--editor-bg);color:#e8edf5;font-size:12.5px;line-height:1.66;padding:12px 14px;white-space:pre;overflow:auto}.editor-status{display:flex;align-items:center;gap:28px;flex:0 0 auto;min-height:34px;padding:0 14px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:12px;background:var(--editor-chrome)}:root[data-theme=light] .editor-toolbar,:root[data-theme=light] .editor-status{background:var(--editor-chrome)}:root[data-theme=light] .CodeMirror{color:#1f2937}:root[data-theme=light] .CodeMirror-cursor{border-left-color:#111827}:root[data-theme=light] .CodeMirror-linenumber{color:#7b8796}:root[data-theme=light] .CodeMirror-gutters{border-right-color:var(--border)}:root[data-theme=light] .CodeMirror-selected{background:#245bc22e!important}:root[data-theme=light] .cm-tag,:root[data-theme=light] .cm-bracket{color:#174ea6}:root[data-theme=light] .cm-attribute{color:#8a3ffc}:root[data-theme=light] .cm-string{color:#a15c00}:root[data-theme=light] .cm-comment{color:#64748b}.editor-status span:last-child{margin-left:auto}.editor-status strong{color:var(--muted);font-weight:650}.preview-panel{min-height:0;height:100%}.preview-actions{display:flex;gap:8px;align-items:center}.preview-actions button{min-height:28px;font-size:12px}.preview-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:var(--preview-bg);transition:width .16s ease,margin .16s ease,border-radius .16s ease}.preview-frame.is-mobile-preview{width:min(390px,calc(100% - 28px));margin:14px auto;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft)}.summary-panel{min-height:0;max-height:min(280px,34dvh)}.run-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--field) 88%,var(--surface-tint));color:var(--muted);font-size:12px}.telemetry-panel{display:grid;gap:10px;flex:1 1 auto;min-height:0;padding:12px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 76%,var(--panel));overflow:auto}.people-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;color:var(--muted);font-size:12px;line-height:1.35}.people-summary span{padding:11px 12px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel-soft) 88%,var(--surface-tint));min-width:0;box-shadow:var(--shadow-soft)}:root[data-theme=light] .people-summary span{background:linear-gradient(180deg,#fff,#f7fafd)}.people-summary strong{display:block;color:var(--text);font-size:19px;line-height:1.1;margin-bottom:4px}.people-summary em,.people-summary small{display:block;font-style:normal}.people-summary em{margin-bottom:7px;color:var(--muted);font-size:11px}.people-summary small{color:var(--quiet);font-size:11px}.people-summary span:nth-child(2) strong{color:var(--ok)}.people-summary span:nth-child(3) strong{color:var(--danger)}.people-summary span:nth-child(4) strong{color:var(--accent-bright)}.send-summary,.metrics-summary{padding:0 2px;color:var(--muted);font-size:12px;line-height:1.45}.send-summary strong,.metrics-summary strong{color:var(--text)}.response-panel{min-height:52px}.response-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 14px;border:0;border-radius:0;background:color-mix(in srgb,var(--panel-soft) 78%,var(--panel))}.response-toggle:hover{background:color-mix(in srgb,var(--button-hover-bg) 72%,var(--panel))}.response-toggle strong{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--field) 88%,var(--surface-tint));color:var(--muted);font-size:12px}.status{width:min(460px,100%);border:1px solid var(--border);border-radius:8px;padding:10px 13px;background:color-mix(in srgb,var(--panel-soft) 76%,var(--panel));color:var(--muted);font-size:13px;line-height:1.25}.status[data-state=sending]{border-color:color-mix(in srgb,var(--warn) 28%,var(--border));background:color-mix(in srgb,var(--warn) 9%,var(--panel))}.status[data-state=sent]{border-color:color-mix(in srgb,var(--ok) 28%,var(--border));background:color-mix(in srgb,var(--ok) 8%,var(--panel))}.status[data-state=error]{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));background:color-mix(in srgb,var(--danger) 9%,var(--panel))}.status strong{display:block;color:var(--text);font-size:13px;margin-bottom:2px}.status[data-state=sent] strong{color:var(--ok)}.status[data-state=error] strong{color:var(--danger)}.actions{display:flex;gap:10px;align-items:center}.auth-actions{justify-content:space-between;flex-wrap:wrap}.session-user{flex:1 1 220px;color:var(--muted);font-size:13px;line-height:1.35}code{color:var(--text);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent-bright) 26%,transparent);border-radius:5px;padding:1px 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(840px,calc(100vw - 32px));border:1px solid var(--border);border-radius:8px;padding:0;background:var(--panel-raised);color:var(--text);box-shadow:var(--dialog-shadow)}dialog::backdrop{background:var(--backdrop)}dialog.compact-dialog{width:min(460px,calc(100vw - 32px))}.dialog-form{display:grid;gap:0}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,var(--surface-tint-strong)),color-mix(in srgb,var(--panel-soft) 82%,var(--panel)))}.dialog-heading h3{margin:0;font-size:15px;line-height:1.2}.dialog-body{display:grid;gap:12px;padding:16px;background:color-mix(in srgb,var(--panel) 94%,var(--panel-soft))}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 16px 16px}.dialog-error{padding:10px 11px;border:1px solid color-mix(in srgb,var(--danger) 32%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);font-size:12px;line-height:1.4}.response{display:block;min-height:360px;max-height:min(62vh,620px);overflow:auto;margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:7px;background:var(--response-bg);color:var(--response-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}:root[data-theme=light] button.primary{box-shadow:0 12px 26px #0f3e9138,inset 0 1px #ffffff2e}:root[data-theme=light] button.primary:hover{border-color:#0f3e91;background:linear-gradient(180deg,#1d55bd,#0b367d);color:#fff;filter:none;box-shadow:0 14px 30px #0f3e9147,inset 0 1px #fff3}:root[data-theme=light] button:disabled{background:#eef3f8;color:#8290a2;border-color:#d4dde8;opacity:1;box-shadow:none}@media(max-width:1320px){body{overflow:auto}.app-shell,.workspace,.console-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.data-view{height:auto;min-height:calc(100dvh - var(--topbar-height) - 16px)}.data-filter-bar{grid-template-columns:1fr}.top-meta{display:grid;grid-template-columns:max-content}.top-meta div:not(:first-child){display:none}.layout{grid-template-columns:minmax(320px,370px) minmax(520px,1fr);height:auto;min-height:calc(100dvh - var(--topbar-height));overflow:visible}.right-column{grid-column:1 / -1;grid-template-rows:minmax(520px,68dvh) auto auto;height:auto;overflow:visible}.summary-panel{max-height:none}.send-panel,.editor-panel{height:min(760px,calc(100dvh - var(--topbar-height) - 16px));min-height:0}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.rail{position:sticky;top:0;z-index:10;display:block;min-height:0;padding:7px 8px;border-right:0;border-bottom:1px solid var(--border)}.rail-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.rail-item{min-height:50px;padding:6px 2px}.rail-item span{width:18px;height:18px}.rail-item svg{width:17px;height:17px}.rail-item small{font-size:10px}.rail-item b,.rail-foot{display:none}.app-header{grid-template-columns:1fr;align-items:stretch;flex-basis:auto;min-height:0;gap:10px;padding:12px;height:auto}.header-brand,.header-actions{flex-wrap:wrap}.header-logo{width:36px;height:36px;flex-basis:36px}h1{font-size:18px}.layout{grid-template-columns:1fr;padding:10px;min-height:0}.operator-grid{display:grid;gap:10px}.right-column{grid-column:auto;grid-template-rows:minmax(520px,70dvh) auto auto}.send-panel,.editor-panel,.preview-panel{min-height:520px}.editor-findbar{grid-template-columns:1fr}.people-summary,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-split{grid-template-columns:1fr}.detail-pane{border-left:0;border-top:1px solid var(--border)}}@media(max-width:640px){.auth-panel{width:calc(100vw - 32px);margin:12px auto}.people-summary{grid-template-columns:1fr}.header-actions{justify-content:flex-start}.auth-actions{align-items:stretch}.auth-actions button{width:100%}.field-with-button,.stat-grid,.row-action{grid-template-columns:1fr}}