:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--surface:#10100f;--surface-2:#171614;--line:#302b27;--line-strong:#51443e;--text:#f4efe7;--muted:#aaa199;--dim:#746b64;--accent:#ff4d36;--accent-2:#f6b65a;--good:#58c082;--info:#69a7d8;--danger:#ff745f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button,select{color:inherit}button{cursor:pointer}a{color:inherit}button:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.58}.access-screen{background:linear-gradient(90deg, #ff4d3614 1px, transparent 1px), linear-gradient(0deg, #ffffff09 1px, transparent 1px), var(--bg);background-size:44px 44px;place-items:center;width:100vw;min-width:320px;height:100vh;padding:20px;display:grid}.access-panel{border:1px solid var(--line);background:#10100ff5;border-radius:8px;gap:18px;width:min(420px,100%);padding:22px;display:grid}.access-mark{width:42px;height:42px;color:var(--accent);background:#ff4d3614;border:1px solid #ff4d3673;border-radius:8px;place-items:center;display:grid}.access-copy{gap:6px;display:grid}.access-copy p,.sandbox-title p,.panel-heading p{color:var(--accent-2);text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;font-weight:760}.access-copy h1,.sandbox-title h1,.panel-heading h2{color:var(--text);letter-spacing:0;margin:0}.access-copy h1{font-size:30px;line-height:1.18}.access-copy span,.panel-empty{color:var(--muted);font-size:14px;line-height:1.5}.access-code{gap:7px;display:grid}.access-code span{color:var(--muted);font-size:13px;font-weight:680}.access-code input{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--text);background:#080807;border-radius:7px;outline:none;padding:0 12px}.access-code input:focus,.composer textarea:focus,.sandbox-meta select:focus{border-color:#ff4d36c7;box-shadow:0 0 0 3px #ff4d3629}.primary-button,.send-button,.reset-button,.repository-link,.permission-actions button,.icon-button{border:1px solid var(--line-strong);background:var(--surface-2);min-height:34px;color:var(--text);border-radius:7px}.primary-button,.send-button,.reset-button,.repository-link{justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:720;display:inline-flex}.repository-link{text-decoration:none}.repository-link:hover{background:#1b1712;border-color:#f6b65a9e}.repository-link-access{width:100%;color:var(--muted)}.repository-link-header{color:var(--text);background:#0d0d0c}.primary-button,.send-button{background:var(--accent);color:#160806;border-color:#ff4d36a8}.form-error,.bridge-error,.expired-banner,.error-turn{color:var(--danger);margin:0}.form-error{font-size:13px}.web-demo-shell{background:var(--bg);grid-template-rows:auto minmax(0,1fr);width:100vw;min-width:320px;height:100vh;min-height:0;display:grid}.sandbox-header{border-bottom:1px solid var(--line);background:#080807;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:68px;padding:12px 18px;display:flex}.sandbox-title{gap:4px;min-width:0;display:grid}.sandbox-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;font-size:18px;line-height:1.25;overflow:hidden}.sandbox-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.sandbox-meta span,.sandbox-meta label{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.sandbox-meta select{background:0 0;border:0;outline:none;min-width:92px}.reset-button{color:var(--text);background:#0d0d0c}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(300px,390px);min-width:0;min-height:0;display:grid;overflow:hidden}.conversation-workbench{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.conversation-canvas{scrollbar-gutter:stable;min-width:0;min-height:0;padding:38px 30px 28px;overflow:auto}.turn-stack{gap:30px;width:100%;max-width:860px;margin:0 auto;display:grid}.turn-view{gap:14px;display:grid}.message-row{min-width:0;display:flex}.message-row-user{justify-content:flex-end}.message-row-assistant{justify-content:flex-start}.message-bubble{border-radius:8px;max-width:min(680px,82%);margin:0;padding:11px 13px;line-height:1.55}.user-turn{background:var(--accent);color:#150604;font-weight:650}.assistant-message{width:min(760px,100%);color:var(--text);gap:10px;display:grid}.reasoning-turn{border-left:2px solid var(--info);color:var(--muted);margin:0;padding-left:10px;font-size:13px;line-height:1.5}.markdown-message{min-width:0;color:var(--text);line-height:1.62}.markdown-message p,.markdown-message pre,.markdown-message ul,.markdown-message ol{margin:0 0 12px}.markdown-message pre,.patch-preview{border:1px solid var(--line);color:#f3eadb;background:#090908;border-radius:7px;font-size:12px;line-height:1.55;overflow:auto}.markdown-message pre{padding:12px}.markdown-message code{font-family:SFMono-Regular,Consolas,monospace}.tool-row{border:1px solid var(--line);background:var(--surface);width:100%;min-height:34px;color:var(--muted);border-radius:7px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:grid}.tool-card{gap:8px;display:grid}.tool-name{color:var(--text);font-weight:720}.tool-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-row-error{border-color:#ff745f80}.tool-result-expanded{border:1px solid var(--line);color:#f3eadb;white-space:pre-wrap;word-break:break-word;background:#090908;border-radius:7px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;overflow:auto}.tool-state{color:var(--good)}.tool-state-running,.spin{animation:.9s linear infinite spin}.empty-state{text-align:center;align-content:center;place-items:center;gap:8px;min-height:100%;display:grid}.empty-state p{color:var(--accent-2);margin:0;font-size:13px;font-weight:720}.empty-state h1{letter-spacing:0;max-width:min(640px,90vw);margin:0;font-size:28px;font-weight:650;line-height:1.28}.composer{border-top:1px solid var(--line);background:#080807;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px 16px;display:grid}.composer textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:74px;max-height:160px;color:var(--text);background:#0c0c0b;border-radius:8px;outline:none;padding:11px 12px;line-height:1.5}.send-button{align-self:start;width:94px;height:74px}.diff-panel{border-left:1px solid var(--line);background:#0b0b0a;grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:16px;display:grid;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.panel-heading h2{font-size:18px;line-height:1.25}.icon-button{place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.changed-file-list{gap:7px;display:grid}.changed-file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 9px;font-size:12px;display:grid}.changed-file-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.changed-file-row strong{color:var(--info);font-size:11px}.changed-file-row em{color:var(--good);white-space:nowrap;font-style:normal}.panel-empty{margin:0}.patch-preview{white-space:pre;min-height:0;margin:0;padding:12px}.permission-backdrop{z-index:10;background:#0000006b;place-items:end center;padding:22px;display:grid;position:fixed;inset:0}.permission-sheet{background:#11100f;border:1px solid #ff4d367a;border-radius:8px;gap:12px;width:min(560px,100%);padding:16px;display:grid}.permission-title{color:var(--accent-2);align-items:center;gap:8px;font-weight:760;display:flex}.permission-sheet p{color:var(--text);margin:0;line-height:1.5}.permission-sheet code{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);min-width:0;color:var(--muted);background:#090908;border-radius:7px;padding:8px 9px;overflow:hidden}.permission-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.permission-actions button{padding:0 11px}.bridge-error,.expired-banner{z-index:4;background:#23100df5;border:1px solid #ff745f7a;border-radius:8px;align-items:center;width:min(720px,100% - 32px);min-height:38px;padding:8px 12px;font-size:14px;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){body{overflow:auto}.web-demo-shell{height:auto;min-height:100vh}.sandbox-header{flex-direction:column;align-items:flex-start}.sandbox-title h1{max-width:100%}.sandbox-meta{justify-content:flex-start}.workspace-grid{grid-template-rows:minmax(560px,68vh) auto;grid-template-columns:1fr;overflow:visible}.diff-panel{border-left:0;border-top:1px solid var(--line);min-height:360px}}@media (width<=560px){.access-screen{padding:12px}.access-panel{padding:18px}.access-copy h1{font-size:25px}.conversation-canvas{padding:24px 14px}.message-bubble{max-width:92%}.composer{grid-template-columns:1fr}.send-button{width:100%;height:42px}.sandbox-meta span,.sandbox-meta label,.repository-link-header,.reset-button{justify-content:flex-start;width:100%}}