@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');
:root{color-scheme:light;--paper:#f5f3ef;--ink:#171615;--muted:#8a8580;--line:#dedbd5;--red:#a5212b;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:var(--sans);min-height:100vh}
button,textarea{font:inherit}
.app-shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 6.1vw;display:flex;flex-direction:column}
.topbar{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--mono);font-size:14px;letter-spacing:.12em;color:var(--ink);text-decoration:none;white-space:nowrap}
.wordmark span{color:var(--red);font-weight:500}
.model-picker{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:4px}
.model{background:none;border:0;color:#77716c;font-family:var(--mono);font-size:11px;padding:8px 13px;cursor:pointer;border-radius:2px;transition:background .18s,color .18s}
.model:hover{color:var(--ink)}
.model.active{background:var(--ink);color:var(--paper)}
.edition{text-align:right;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.conversation{width:min(740px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 0 58px;min-height:0}
.welcome{margin:0 0 32px 8px}
.eyebrow{font:10px var(--mono);letter-spacing:.15em;color:var(--red)}
.welcome h1{font:500 clamp(48px,7vw,82px)/1.03 var(--serif);letter-spacing:-.045em;margin:22px 0 0}
.messages{display:flex;flex-direction:column;gap:32px}
.message{display:grid;grid-template-columns:74px 1fr;gap:16px;animation:appear .3s ease both}
.message-label{padding-top:5px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.message.assistant .message-label{color:var(--red)}
.message-content{font:17px/1.75 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
.message.user .message-content{font:15px/1.8 var(--sans)}
.message-content.pending:after{content:' ';display:inline-block;width:5px;height:5px;margin:0 0 2px 5px;background:var(--red);border-radius:50%;animation:pulse 1s infinite alternate}
.composer{width:min(740px,100%);margin:0 auto 28px;border:1px solid #d7d3cc;background:#f8f7f4;box-shadow:0 4px 18px #261b1010;padding:19px 20px 13px;border-radius:3px;transition:border-color .2s,box-shadow .2s}
.composer:focus-within{border-color:#aaa39a;box-shadow:0 5px 24px #261b1017}
textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:16px/1.6 var(--sans);min-height:30px;max-height:180px}
textarea::placeholder{color:#9d9891}
.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.hint{font:9px var(--mono);letter-spacing:.035em;color:#9b958e}.hint span{padding:0 4px;color:#c1bbb3}
.send{display:flex;gap:13px;align-items:center;border:0;background:transparent;padding:5px 1px 5px 12px;color:var(--red);font:11px var(--mono);cursor:pointer}
.send:hover .arrow{transform:translate(2px,-2px)}.arrow{font-size:16px;transition:transform .2s}
.send:disabled{opacity:.45;cursor:wait}
.status{height:24px;text-align:center;color:#8a8580;font:11px var(--mono)}
.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}
@keyframes pulse{to{opacity:.2}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.app-shell{padding:0 20px}.topbar{height:76px;grid-template-columns:1fr auto}.edition{display:none}.model-picker{gap:0}.model{font-size:10px;padding:8px 9px}.conversation{padding:52px 0 34px}.welcome h1{font-size:58px}.message{grid-template-columns:54px 1fr;gap:10px}.message-content{font-size:16px}.composer{margin-bottom:18px;padding:15px 14px 11px}.hint{font-size:8px;letter-spacing:0}}
@media(max-width:380px){.model{padding:8px 7px}.wordmark{font-size:12px}.hint{max-width:210px;line-height:1.5}}
/* 1. Nuke any injected Websim pin, sidebar, or widget */
body > *:not(.app-shell):not(script):not(style),
[class*="websim"],
[id*="websim"],
websim-sidebar,
websim-pin,
button[title*="Pin"],
button[aria-label*="Pin"],
button[title*="Websim"],
button[aria-label*="Websim"],
[class*="pinned"],
[class*="sidebar-toggle"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  position: absolute !important;
  top: -99999px !important;
  left: -99999px !important;
  width: 0 !important;
  height: 0 !important;
}