.gw-shell{color:#17243c;width:min(1120px,100% - 40px);margin:0 auto;padding:25px 0 32px}.gw-topbar{border-bottom:1px solid #e0e6f0;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.gw-mode-badge{color:#66758c;letter-spacing:.04em;background:#f7f9fc;border:1px solid #dfe6f1;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.gw-mode-badge i{background:#9aa7ba;border-radius:50%;width:7px;height:7px}.gw-mode-badge.simulation{color:#176b61;background:#eefaf7;border-color:#ccefe7}.gw-mode-badge.simulation i{background:#38ad95;box-shadow:0 0 0 3px #ddf5ee}.gw-mode-badge.live{color:#9a2b20;background:#fff2ef;border-color:#ffd4cc}.gw-mode-badge.live i{background:#df5a48;box-shadow:0 0 0 3px #ffe4de}.gw-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.gw-brand-mark{color:#fff;background:linear-gradient(145deg,#445fe7,#7082f5);border-radius:14px;place-items:center;width:42px;height:42px;font:800 22px Manrope,sans-serif;display:grid;box-shadow:0 7px 18px #526de13a}.gw-brand small,.gw-brand strong{display:block}.gw-brand small{color:#8491a9;letter-spacing:.12em;margin-bottom:2px;font:500 9px DM Mono,monospace}.gw-brand strong{font:700 16px Manrope,sans-serif}.gw-header-actions{align-items:center;gap:13px;display:flex}.gw-private-label{color:#54756f;align-items:center;gap:8px;font-size:11px;display:flex}.gw-private-label i{background:#38ad95;border-radius:100%;width:7px;height:7px;box-shadow:0 0 0 3px #e4f7f2}.gw-hero{padding:37px 0 24px}.gw-hero-row{justify-content:space-between;align-items:end;gap:20px;display:flex}.gw-hero h1{letter-spacing:-.05em;margin:0 0 8px;font:800 clamp(27px,4vw,38px) Manrope,sans-serif}.gw-hero p:not(.gw-eyebrow){color:#718099;max-width:650px;margin:0;font-size:13px;line-height:1.6}.gw-eyebrow{color:#8793a8;letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font:500 9px DM Mono,monospace}.gw-login-card,.gw-panel,.gw-client-card{background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 4px 20px #263c660c}.gw-login-card{width:min(470px,100%);margin:2px auto 64px;padding:25px}.gw-login-card h2,.gw-section-heading h2{letter-spacing:-.03em;margin:0;font:700 19px Manrope,sans-serif}.gw-muted{color:#75839a;margin:10px 0 17px;font-size:12px;line-height:1.6}.gw-form{gap:13px;display:grid}.gw-form label,.gw-client-fields label{color:#40506a;font-size:11px;font-weight:700;display:block}.gw-form input,.gw-form select,.gw-client-fields input,.gw-client-fields select{color:#1d2c45;background:#fcfdff;border:1px solid #dfe5ed;border-radius:8px;outline:none;min-width:0;height:40px;padding:0 11px;font:12px Inter,system-ui,sans-serif}.gw-form input:focus,.gw-form select:focus,.gw-client-fields input:focus,.gw-client-fields select:focus{border-color:#7587ed;box-shadow:0 0 0 3px #7587ed20}.gw-field{gap:6px;min-width:0;display:grid}.gw-field-heading{align-items:center;gap:7px;min-height:17px;display:flex}.gw-field-heading>label{cursor:pointer}.gw-field input,.gw-field select{width:100%}.gw-field-help{flex:none;position:relative}.gw-field-help[open]{z-index:10}.gw-field-help summary{color:#6173c9;cursor:pointer;background:#f8f9ff;border:1px solid #bdc8e6;border-radius:50%;place-items:center;width:17px;height:17px;font:700 10px/1 Inter,sans-serif;list-style:none;display:grid}.gw-field-help summary::-webkit-details-marker{display:none}.gw-field-help summary:focus-visible{outline-offset:2px;outline:3px solid #7587ed65}.gw-field-popover{z-index:20;color:#53617a;background:#fff;border:1px solid #dce3f0;border-radius:10px;width:min(290px,100vw - 48px);padding:12px;font-size:11px;font-weight:400;line-height:1.55;position:absolute;top:calc(100% + 8px);left:-8px;box-shadow:0 12px 30px #1b2d4a26}.gw-field-popover p{margin:0 0 8px}.gw-field-popover a{color:#4e61ce;font-weight:700;text-decoration:none}.gw-field-popover a:hover,.gw-field-popover a:focus-visible{text-decoration:underline}.gw-remember-field{align-items:center;gap:9px;min-height:24px;display:flex}.gw-checkbox-label{cursor:pointer;align-items:center;gap:8px;min-height:24px;color:#52617a!important;display:inline-flex!important}.gw-checkbox-label input{accent-color:#5369db;margin:0;width:16px!important;height:16px!important}.gw-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.gw-field-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.gw-field-group h3,.gw-field-group h4{color:#64728a;letter-spacing:.06em;text-transform:uppercase;margin:0;font:700 10px DM Mono,monospace}.gw-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gw-primary,.gw-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 13px;font:700 11px Inter,system-ui,sans-serif;transition:all .15s;display:inline-flex}.gw-primary{color:#fff;background:#5369db}.gw-primary:hover:not(:disabled){background:#4359ce;transform:translateY(-1px)}.gw-secondary{color:#5e6c85;background:#fff;border-color:#dfe5ef}.gw-secondary:hover:not(:disabled){color:#465fd3;background:#f8f9ff;border-color:#bdc8f3}.gw-primary:disabled,.gw-secondary:disabled{opacity:.5;cursor:not-allowed}.gw-primary.small{min-height:34px}.danger-text{color:#9c5154}.gw-section,.gw-panel{margin-top:18px}.gw-panel{padding:22px}.gw-section{padding-top:7px}.gw-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.gw-section-heading h2{align-items:center;gap:9px;display:flex}.gw-section-number,.gw-count{color:#7886d8;background:#f0f2ff;border-radius:9px;place-items:center;width:29px;height:29px;font:500 10px DM Mono,monospace;display:inline-grid}.gw-count{min-width:24px;height:22px;padding:0 6px}.gw-new-client-form{grid-template-columns:1fr;align-items:stretch}.gw-new-client-form button{grid-column:1/-1}.gw-alert{border:1px solid #0000;border-radius:9px;margin:0 0 14px;padding:11px 13px;font-size:11px;line-height:1.5}.gw-alert.error{color:#9a4245;background:#fff1f0;border-color:#f1d4d3}.gw-alert.info{color:#475c9e;background:#f3f6ff;border-color:#dbe4ff}.gw-reveal{color:#704c12;background:#fff9e9;border:1px solid #f1d899;border-radius:11px;gap:12px;margin:16px 0;padding:16px;display:grid}.gw-reveal strong{font-size:13px}.gw-reveal p{color:#80683b;margin:5px 0 0;font-size:11px}.gw-reveal code{overflow-wrap:anywhere;color:#503c17;background:#fff;border:1px solid #efdfb7;border-radius:7px;padding:11px;font:12px DM Mono,monospace;display:block}.gw-reveal-actions,.gw-client-actions{flex-wrap:wrap;gap:8px;display:flex}.gw-client-list{gap:13px;display:grid}.gw-client-card{padding:18px}.gw-client-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.gw-client-heading h3{margin:0;font:700 16px Manrope,sans-serif}.gw-state{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 8px;font:500 9px DM Mono,monospace;display:inline-flex}.gw-state.on{color:#1f7a6b;background:#e6f8f2}.gw-state.off{color:#8c7081;background:#f6eef3}.gw-state.neutral{color:#6876bb;background:#f0f2ff}.gw-sender-approval{margin:6px 0 0;font-size:9px;line-height:1.45}.gw-sender-approval.approved{color:#267d6d}.gw-sender-approval.unapproved{color:#a34545}.gw-key-prefix{color:#8793a7;margin:10px 0 14px;font-size:10px}.gw-key-prefix code{color:#5365b7;margin-left:4px;font:11px DM Mono,monospace}.gw-client-fields{grid-template-columns:1fr;gap:14px;display:grid}.gw-client-actions{margin-top:13px}.gw-inline-message{color:#5c6b84;margin:9px 0 0;font-size:10px}.gw-client-foot{color:#9aa4b3;margin:12px 0 0;font-size:9px}.gw-empty{color:#8995a8;border:1px dashed #dfe5ef;border-radius:10px;place-items:center;min-height:82px;font-size:11px;display:grid}.gw-empty.compact{min-height:65px}.gw-retention,.gw-summary-hint{color:#909bad;font-size:10px}.gw-table-wrap{width:100%;overflow-x:auto}.gw-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:10px}.gw-table th{color:#8a97aa;text-align:left;border-bottom:1px solid #e8edf4;padding:10px 9px;font-size:9px;font-weight:600}.gw-table td{color:#4d5d76;border-bottom:1px solid #f0f2f6;padding:11px 9px}.gw-table td code{color:#7d89a0;font:9px DM Mono,monospace}.gw-security-panel>summary,.gw-audit-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.gw-security-panel>summary::-webkit-details-marker{display:none}.gw-audit-panel summary::-webkit-details-marker{display:none}.gw-security-panel>summary strong,.gw-audit-panel summary strong{font:700 13px Manrope,sans-serif}.gw-password-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin:18px 0 13px}.gw-password-form button{grid-column:1/-1;justify-self:start}.gw-help-header-link{text-decoration:none}.gw-recovery-codes{overflow-wrap:anywhere;color:#40516b;background:#f5f7fb;border-radius:8px;margin:12px 0 0;padding:12px;font:11px/1.8 DM Mono,monospace}.gw-audit-panel ul{gap:9px;margin:15px 0 0;padding:0;list-style:none;display:grid}.gw-audit-panel li{color:#66758c;text-transform:capitalize;border-top:1px solid #edf0f5;grid-template-columns:1.2fr 1fr auto;gap:10px;padding:9px 0;font-size:10px;display:grid}.gw-audit-panel time{color:#939eae}.gw-footer{color:#929daf;justify-content:space-between;gap:15px;padding:19px 3px 0;font-size:9px;display:flex}.gw-loading{color:#718099;text-align:center;padding:60px 0;font-size:12px}@media (width<=760px){.gw-shell{width:calc(100% - 28px);padding-top:16px}.gw-topbar{flex-wrap:wrap}.gw-mode-badge{order:3}.gw-hero-row{flex-direction:column;align-items:start}.gw-retention{text-align:right}}@media (width<=500px){.gw-new-client-form,.gw-password-form,.gw-field-grid{grid-template-columns:1fr}.gw-new-client-form button,.gw-password-form button{grid-column:auto}.gw-panel{padding:17px}.gw-client-card{padding:14px}.gw-footer{flex-direction:column}.gw-audit-panel li{grid-template-columns:1fr;gap:4px}}.gw-help-shell{max-width:1040px}.gw-help-hero{padding-top:32px}.gw-help-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:800 clamp(27px,4vw,38px) Manrope,sans-serif}.gw-help-hero>p:last-child{color:#718099;max-width:720px;margin:0;font-size:13px;line-height:1.65}.gw-help-nav{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.gw-help-nav a,.gw-back-to-top{color:#4e61ce;font-size:11px;font-weight:650;text-decoration:none}.gw-help-nav a{background:#fff;border:1px solid #dfe5ef;border-radius:999px;padding:8px 10px}.gw-help-nav a:hover,.gw-help-nav a:focus-visible{background:#f6f7ff;border-color:#aebcf0}.gw-help-content{gap:14px;display:grid}.gw-help-section{margin:0;scroll-margin-top:18px}.gw-help-section h2{letter-spacing:-.03em;margin:0;font:700 19px Manrope,sans-serif}.gw-help-copy{color:#56657d;font-size:12px;line-height:1.7}.gw-help-copy p{margin:12px 0 0}.gw-help-copy ol{gap:7px;margin:14px 0 0;padding-left:20px;display:grid}.gw-help-copy li{padding-left:3px}.gw-help-copy code{color:#4859ae;overflow-wrap:anywhere;background:#f2f4fb;border-radius:4px;padding:1px 4px;font:11px DM Mono,monospace}.gw-guide-links{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.gw-guide-links a{color:#4e61ce;background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:650;text-decoration:none}.gw-guide-links a:hover,.gw-guide-links a:focus-visible{background:#f6f7ff;border-color:#aebcf0}.gw-back-to-top{margin-top:16px;display:inline-block}.gw-code-sample{white-space:pre;background:#f7f9fc;border:1px solid #e6eaf1;border-radius:9px;margin:13px 0 0;padding:14px;overflow-x:auto}.gw-code-sample code{color:#2e3e58;background:0 0;padding:0;font:11px/1.7 DM Mono,monospace}.gw-help-errors{gap:11px;margin:14px 0 0;display:grid}.gw-help-errors>div{border-top:1px solid #edf0f5;grid-template-columns:minmax(190px,.8fr) 1.4fr;gap:12px;padding-top:10px;display:grid}.gw-help-errors dt{color:#42516b;font-weight:700}.gw-help-errors dd{margin:0}.gw-help-shell .gw-footer a{color:#596ccf;font-size:inherit;text-decoration:none}.gw-help-shell .gw-footer a:hover{text-decoration:underline}@media (width<=560px){.gw-help-errors>div{grid-template-columns:1fr;gap:4px}.gw-header-actions{flex-wrap:wrap;justify-content:flex-end}}:root{color:#17243c;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fa;font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 16% 0,#e9f0ff 0%,#0000 36%),#f4f6fa;min-width:280px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.shell{width:min(1160px,100% - 48px);margin:0 auto;padding:28px 0 34px}.topbar{border-bottom:1px solid #e0e6f0;justify-content:space-between;align-items:center;gap:20px;padding:4px 0 27px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#445fe7,#7082f5);border-radius:14px;place-items:center;width:42px;height:42px;font:800 22px Manrope,sans-serif;display:grid;box-shadow:0 7px 18px #526de13a}.eyebrow{color:#8692a8;letter-spacing:.12em;margin:0 0 5px;font:500 10px DM Mono,monospace}.eyebrow.blue{color:#536cdf}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.025em;margin:0;font:800 17px Manrope,sans-serif}h1 span{color:#7b879e;font-weight:600}.mode-badge{letter-spacing:.07em;border-radius:100px;align-items:center;gap:8px;padding:9px 12px;font:500 10px DM Mono,monospace;display:flex}.mode-badge.simulation{color:#168374;background:#e3f7f3}.mode-badge.live{color:#ad5735;background:#fff0e8}.mode-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff90}.intro{justify-content:space-between;align-items:end;gap:24px;padding:31px 0 22px;display:flex}.intro h2{letter-spacing:-.05em;margin:0 0 8px;font:800 clamp(25px,3vw,34px) Manrope,sans-serif}.intro-copy{color:#718099;max-width:560px;margin-bottom:0;font-size:14px;line-height:1.6}.flow-chip{color:#8290a8;flex:none;align-items:center;gap:10px;font-size:11px;display:flex}.flow-chip span{color:#53637e;background:#ffffffad;border:1px solid #dfe5ef;border-radius:8px;padding:8px 10px}.flow-chip b{color:#9ba7bb;font-size:15px;font-weight:500}.workspace-grid{grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #e4e9f1;border-radius:16px;box-shadow:0 4px 20px #263c6610}.composer-card{padding:23px 25px 19px}.card-heading{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.card-heading h3{letter-spacing:-.03em;margin:0;font:700 19px Manrope,sans-serif}.step-number{color:#7786da;background:#f1f3ff;border-radius:9px;place-items:center;width:31px;height:31px;font:500 11px DM Mono,monospace;display:grid}form label{color:#384862;margin:0 0 8px;font-size:12px;font-weight:700;display:block}input,textarea,select{color:#1d2c45;background:#fcfdff;border:1px solid #dfe5ed;border-radius:9px;outline:0;width:100%;transition:border-color .15s,box-shadow .15s}input,select{height:43px;padding:0 12px;font-size:13px}select{cursor:pointer}textarea{resize:vertical;min-height:112px;padding:11px 12px;font-size:13px;line-height:1.55}input::placeholder,textarea::placeholder{color:#a5afbf}input:focus,textarea:focus,select:focus{border-color:#7d8cf0;box-shadow:0 0 0 3px #7989ef1a}.field-hint{color:#95a0b3;margin:6px 0 16px;font-size:10px;line-height:1.5}.assigned-sender-note{color:#53627a;background:#f9faff;border:1px solid #e6eaf2;border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin:2px 0 19px;padding:11px 12px;font-size:11px;display:flex}.assigned-sender-note strong{color:#384862}.assigned-sender-note span{color:#8895aa}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row span{color:#98a3b4;margin-bottom:8px;font:10px DM Mono,monospace}.inline-warning{color:#8d5831;background:#fff6e9;border-radius:8px;margin:4px 0 12px;padding:10px 11px;font-size:11px}code{color:#5867bb;font:11px DM Mono,monospace}.send-button{color:#fff;cursor:pointer;background:#5369db;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:13px 15px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:flex}.send-button:hover:not(:disabled){background:#4359ce;transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.55}.send-button span:last-child{font-size:18px;font-weight:400}.form-footnote{color:#99a3b4;text-align:center;margin:10px 0 0;font-size:10px}.right-column{flex-direction:column;gap:16px;display:flex}.connection-card{padding:22px}.card-heading.compact{margin-bottom:18px}.card-heading.compact h3{font-size:17px}.connection-icon{color:#5870d9;background:#edf0ff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.connection-status{color:#2e8c7d;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.status-light{background:#30b29a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e4f7f2}.connection-copy{color:#75839a;margin:10px 0 16px;font-size:12px;line-height:1.55}.endpoint-row{color:#8a96a9;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:10px;display:flex}.endpoint-row code{white-space:nowrap;overflow-wrap:anywhere;text-align:right}.credential-check{border-top:1px solid #edf0f5;margin-top:7px;padding-top:14px}.credential-check-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.credential-check-heading>div{gap:4px;display:grid}.credential-check-heading strong{color:#384862;font-size:11px}.credential-check-heading span,.credential-check-note{color:#8a96a9;font-size:10px;line-height:1.5}.credential-test-button{color:#5369db;cursor:pointer;background:#fff;border:1px solid #dce2f1;border-radius:8px;flex:none;padding:8px 10px;font-size:10px;font-weight:700}.credential-test-button:hover:not(:disabled){background:#f7f8ff;border-color:#bbc6f6}.credential-test-button:disabled{cursor:not-allowed;opacity:.5}.credential-check-note{margin:9px 0 0}.credential-result{border-radius:8px;margin:9px 0 0;padding:9px 10px;font-size:10px;line-height:1.5}.credential-result.success{color:#216e62;background:#ebfaf6}.credential-result.error{color:#9a3f42;background:#fff1f0}.guide-card{background:#f9faff;align-items:start;gap:12px;padding:17px;display:flex}.guide-icon{color:#5c6ed5;background:#e9edff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font:700 13px Manrope,sans-serif;display:grid}.guide-card h3{margin:1px 0 6px;font:700 12px Manrope,sans-serif}.guide-card p{color:#79869c;margin:0;font-size:11px;line-height:1.55}.notice{border:1px solid #0000;border-radius:10px;margin:0 0 16px;padding:11px 14px;font-size:12px}.notice.success{color:#216e62;background:#ebfaf6;border-color:#caeee5}.notice.error{color:#9a3f42;background:#fff1f0;border-color:#f2d4d3}.history-card{margin-top:18px;padding:22px 24px 8px}.history-heading{align-items:center;margin-bottom:13px}.history-heading h3{align-items:center;gap:9px;font-size:17px;display:flex}.count-badge{color:#7885d1;background:#f0f2ff;border-radius:8px;place-items:center;min-width:22px;height:22px;padding:0 6px;font:11px DM Mono,monospace;display:inline-grid}.refresh-button{color:#718099;cursor:pointer;background:#fff;border:1px solid #e2e7f0;border-radius:8px;padding:7px 10px;font-size:11px}.refresh-button:hover{color:#5369db;border-color:#cbd3f9}.empty-state{text-align:center;justify-items:center;padding:27px 12px 35px;display:grid}.empty-icon{color:#8795d9;background:#f0f2ff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:11px;font-size:19px;display:grid}.empty-state h4{margin:0 0 5px;font:700 13px Manrope,sans-serif}.empty-state p{color:#96a1b3;margin:0;font-size:11px}.message-list{border-top:1px solid #edf0f4}.message-row{border-bottom:1px solid #edf0f4;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.message-symbol{color:#6171d5;background:#f0f2ff;border-radius:10px;place-items:center;width:33px;height:33px;font:500 9px DM Mono,monospace;display:grid}.message-main{min-width:0}.message-title{align-items:center;gap:9px;display:flex}.message-statuses{flex-wrap:wrap;gap:5px;display:flex}.message-title strong{font-size:12px}.message-main>p{color:#687790;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 6px;font-size:11px;overflow:hidden}.message-meta{color:#9ba5b4;flex-wrap:wrap;gap:9px;font-size:9px;display:flex}.message-side{justify-items:end;gap:7px;display:grid}.message-side small{color:#9ba5b4;font-size:9px}.message-side code{color:#8994aa;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:9px;overflow:hidden}.status-pill{border-radius:20px;padding:4px 7px;font:500 9px DM Mono,monospace}.status-pill.neutral{color:#6876bb;background:#f0f2ff}.status-pill.success{color:#218270;background:#e8f8f3}.status-pill.danger{color:#b44e50;background:#fff0ef}.simulate-button{color:#218270;cursor:pointer;background:#f3fcf9;border:1px solid #cdeee3;border-radius:6px;padding:5px 7px;font-size:9px}.simulate-button:hover{background:#e4f8f1}.footer{color:#9aa4b5;justify-content:space-between;gap:16px;padding:18px 3px 0;font-size:10px;display:flex}@media (width<=760px){.shell{width:min(100% - 30px,560px);padding-top:18px}.intro{flex-direction:column;align-items:start}.flow-chip{display:none}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr;display:grid}.message-row{grid-template-columns:34px minmax(0,1fr)}.message-side{flex-wrap:wrap;grid-column:2;place-items:center start;display:flex}}@media (width<=480px){.shell{width:calc(100% - 22px)}.topbar{flex-direction:column;align-items:start}.mode-badge{align-self:start}.composer-card,.connection-card,.history-card{padding-left:16px;padding-right:16px}.footer{flex-direction:column}}