:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17263d;background:#fff;font-synthesis:none;--line:#e2e8f0;--blue:#2563eb;--muted:#62748c}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--blue);border-radius:10px;padding:11px 15px;background:var(--blue);color:white;font-weight:600;transition:background .15s}button:hover{background:#1d4ed8}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#334155;border-color:#d5deea}.secondary:hover{background:#f1f5f9}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px;background:white;color:inherit}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:.85rem;font-weight:600;margin:20px 0 8px}input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.topbar>a:last-child{font-size:.85rem}.brand{display:flex;align-items:center;gap:10px;color:#17263d;font-weight:750;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;border-radius:8px;width:31px;height:31px;font-size:23px}.badge{font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:99px;font-weight:500}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{background:#f8fafc;border-right:1px solid var(--line);padding:32px 24px}.sidebar h2{font-size:1rem;margin:0 0 8px}.muted,.hint,.footer-note{color:var(--muted)}.muted{font-size:.8rem;margin-bottom:28px}.hint{font-size:.76rem;line-height:1.65}.sidebar button{width:100%;font-size:.8rem}.sidebar input,.sidebar select{font-size:.82rem}.status{font-size:.8rem;line-height:1.6;padding:12px;border-radius:9px;background:#eaf0f8;margin-top:22px}.status[data-state="ready"]{background:#dcfce7;color:#166534}hr{border:0;border-top:1px solid var(--line);margin:24px 0}details{margin-top:20px}summary{font-size:.82rem;font-weight:600;cursor:pointer;line-height:1.5}ol{padding-left:20px;font-size:.8rem;line-height:1.8}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.85em}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2f8;border:1px solid var(--line);padding:12px;border-radius:9px;font-size:.75rem;line-height:1.6}main{width:100%;max-width:1100px;margin:auto;padding:38px clamp(24px,5vw,76px) 36px;align-self:start;min-width:0}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:65px}.eyebrow{font-size:.68rem;letter-spacing:.12em;font-weight:700;color:var(--muted)}.conversation-heading button{font-size:.76rem}h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.13;letter-spacing:-.055em;font-weight:700;margin:0 0 24px}.subtitle{color:var(--muted);font-size:1rem;line-height:1.8;margin:0 0 34px}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0}.example{background:white;color:#334155;border-color:var(--line);padding:18px;text-align:left;font-size:.8rem}.example:hover{background:#f8fafc}.example strong,.example span{display:block}.example span{font-weight:400;color:var(--muted);font-size:.75rem;margin-top:10px;line-height:1.6}.composer{border:1px solid var(--line);padding:18px;border-radius:14px;background:#f8fafc;display:flow-root}.composer label{margin-top:0}.composer textarea{background:white}.composer button{float:right;margin-top:12px;font-size:.85rem}.footer-note{font-size:.74rem;line-height:1.6;margin-top:30px}.notice,.error{padding:14px 18px;font-size:.83rem;line-height:1.7;border-radius:10px;margin:16px 0;overflow-wrap:anywhere}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.working{color:var(--muted);font-size:.85rem;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.message{margin:20px 0;padding:22px;border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}.message.user{background:#f1f5f9;border-color:transparent}.message .speaker{font-size:.7rem;font-weight:700;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.message h3{font-size:1rem;margin:0 0 12px}.message p{font-size:.94rem;line-height:1.8;white-space:pre-wrap;margin:12px 0}.message .assessment{color:#52657d;font-size:.88rem}.message .warning{background:#fffbeb;color:#92400e;padding:12px;border-radius:9px;font-size:.85rem}.message details p{font-size:.85rem;color:var(--muted)}.message pre{font-size:.85rem;white-space:pre;overflow:auto}.feedback{padding:0 4px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.button-row button{font-size:.8rem}.feedback>button{margin-top:14px}.feedback label{margin-top:18px}[hidden]{display:none!important}
@media(max-width:850px){.layout{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:28px 18px}.examples{grid-template-columns:1fr}.conversation-heading{margin-bottom:40px}.example{padding:14px}.example span{margin-top:6px}}
@media(max-width:620px){.topbar{height:auto;min-height:70px;padding:18px;flex-wrap:wrap}.badge{display:none}.layout{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:24px}.sidebar .muted{margin-bottom:16px}main{padding:26px 22px}.conversation-heading{margin-bottom:36px}h1{font-size:2.6rem}.examples{grid-template-columns:1fr}.button-row{display:grid;grid-template-columns:1fr}.message{padding:18px}.footer-note{margin-top:24px}}
.workspace{margin:0}.workspace-toggle{display:none}.welcome-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.8rem;margin:24px 0}.welcome-actions button{font-size:.8rem}
@media(max-width:620px){.workspace-toggle{display:list-item;font-size:.85rem}.workspace[open]>.workspace-toggle{margin-bottom:24px}.workspace h2{display:none}.sidebar{padding:18px 24px}.welcome-actions{gap:16px}}