:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #ffffff;--parchment: #f5f5f7;--ink: #1d1d1f;--muted: #6e6e73;--hairline: rgba(0, 0, 0, .08);--blue: #0066cc;--blue-focus: #0071e3;--tile: #272729;--tile-2: #2f3033;--success: #0a7f55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--parchment)}button,input,select,textarea{font:inherit}button{transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-focus);outline-offset:2px}.shell{min-height:100vh;background:radial-gradient(circle at 20% 8%,rgba(255,255,255,.95),transparent 24rem),linear-gradient(180deg,#fbfbfd,#f5f5f7 38%,#fff)}.workspace{min-height:100vh;display:flex;flex-direction:column}.globalNav{height:44px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:24px;padding:0 32px;background:#000;color:#ffffffdb;font-size:12px;letter-spacing:-.12px}.globalMark,.globalStatus,.brand,.status,.panelTitle,.ghost,.composer button,.modelStatus,.statusPill,.subNavCta,.inlineRefresh{display:flex;align-items:center;gap:8px}.globalMark{font-weight:600}.globalMark svg{color:#fff}.globalNav nav{display:flex;justify-content:center;gap:26px}.globalNav a{color:#ffffffbd;text-decoration:none}.globalNav a:hover{color:#fff}.globalStatus{justify-content:flex-end;color:#ffffffbd}.liveDot{width:7px;height:7px;border-radius:999px;background:#31d158;box-shadow:0 0 0 4px #31d15824}.subNav{position:sticky;top:0;z-index:10;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--hairline);background:#f5f5f7d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.subNav strong{display:block;font-size:20px;line-height:1.15;letter-spacing:-.28px}.subNav span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.subNavCta{height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--blue);color:#fff;cursor:pointer}.content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:0}.side{min-height:0;padding:28px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--hairline);background:var(--parchment);overflow:auto}.heroPanel{padding:34px 28px 30px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(41,151,255,.3),transparent 15rem),linear-gradient(145deg,#242529,#111214 58%,#000)}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.heroPanel .eyebrow{color:#2997ff}.heroPanel h1{margin:0;max-width:10em;font-size:clamp(34px,4vw,46px);line-height:1.08;letter-spacing:-.04em;font-weight:600}.heroPanel p:not(.eyebrow){margin:18px 0 0;color:#ffffffb8;font-size:17px;line-height:1.55;letter-spacing:-.022em}.heroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.heroActions button,.heroActions .secondary{min-height:38px;padding:8px 17px;border-radius:999px;border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer}.heroActions .secondary{background:transparent;color:#2997ff;border-color:#2997ff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div,.controlCard,.panel{border:1px solid var(--hairline);background:#ffffffdb}.metrics div{min-height:104px;padding:15px;display:grid;align-content:center;gap:7px}.metrics svg{color:var(--blue)}.metrics strong{font-size:17px;letter-spacing:-.022em}.metrics span,.brand span,.status,.muted,.hint{color:var(--muted);font-size:13px}.controlCard,.panel{padding:18px;display:grid;gap:14px}label{display:grid;gap:8px;color:#333336;font-size:13px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--hairline);border-radius:999px;background:#fff;color:var(--ink);outline:none}input,select{height:42px;padding:0 15px}textarea{min-height:88px;resize:vertical;border-radius:18px;padding:15px 18px;line-height:1.55}.modelStatus{padding:11px 13px;border-radius:14px;background:#f5f5f7;color:#333336;font-size:13px;line-height:1.4}.modelStatus svg{flex:0 0 auto;color:var(--success)}.panelTitle{justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.022em}.panelTitle svg:first-child{color:var(--blue)}.inlineRefresh{width:30px;height:30px;justify-content:center;border:1px solid var(--hairline);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.memoryList,.eventList{min-height:128px;max-height:245px;overflow:auto;display:grid;gap:8px}.memory{padding:13px;border:1px solid var(--hairline);border-radius:16px;background:#fff}.memory strong{display:block;font-size:14px;letter-spacing:-.01em}.memory span{color:var(--blue);font-size:12px}.memory p{margin:7px 0 0;color:#515154;font-size:13px;line-height:1.55}.event{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;min-height:45px;padding:8px 10px;border:1px solid var(--hairline);border-left:3px solid #8e8e93;border-radius:13px;background:#fff;gap:8px}.event span{font-size:12px;color:var(--muted);line-height:1.45}.event strong{display:block;font-size:12px;color:var(--ink);line-height:1.45}.event code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.event.tool_call{border-left-color:var(--blue)}.event.tool_result,.event.skill_finished{border-left-color:var(--success)}.event.memory{border-left-color:#bf8b00}.event.skill_loaded,.event.skill_selected{border-left-color:#5856d6}.chat{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#fff}.chatHeader{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 34px 18px;border-bottom:1px solid var(--hairline);background:#ffffffeb}.chatHeader h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.07;letter-spacing:-.04em;font-weight:600}.statusPill{min-height:34px;padding:0 14px;border:1px solid var(--hairline);border-radius:999px;background:#f5f5f7;color:#333336;font-size:13px;white-space:nowrap}.messages{min-height:0;overflow:auto;padding:28px 34px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#f5f5f78a,#fff0 260px),#fff}.message{display:grid;grid-template-columns:38px minmax(0,780px);gap:12px;align-items:flex-start}.message.user{justify-content:end;grid-template-columns:minmax(0,760px) 38px}.message.user .avatar{grid-column:2;grid-row:1}.message.user .bubble{grid-column:1;background:#f5f5f7}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:999px;background:#fff;color:var(--blue)}.bubble{position:relative;display:grid;gap:12px;padding:15px 17px;border:1px solid var(--hairline);border-radius:20px;background:#fff}.message p,.bubble p{margin:0;white-space:pre-wrap;color:var(--ink);font-size:17px;line-height:1.65;letter-spacing:-.022em}.suggestions{display:flex;gap:10px;padding:0 34px 16px;overflow-x:auto;background:#fff}.suggestions button,.ghost,.uploadButton,.toolButton,.speakBtn{border:1px solid var(--hairline);border-radius:999px;background:#fff;color:#333336;cursor:pointer}.suggestions button{flex:0 0 auto;min-height:34px;padding:0 14px;color:var(--blue)}.composer{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding:18px 34px 26px;border-top:1px solid var(--hairline);background:#f5f5f7d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composer>button{justify-content:center;align-self:stretch;min-height:48px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.55;cursor:not-allowed}.inputStack{display:grid;gap:10px}.composerTools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:34px}.toolButton,.uploadButton,.speakBtn{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px}.toolButton.danger{border-color:#ff453a;background:#fff2f1;color:#b42318}.uploadButton input{display:none}.uploadButton.disabled{opacity:.5;cursor:not-allowed}.hint{line-height:1.4}.speakBtn{justify-self:start;min-height:30px;font-size:12px;color:var(--blue)}.speakBtn.active{border-color:#ff453a;background:#fff2f1;color:#b42318}.uploadPreview,.imageGrid{display:flex;flex-wrap:wrap;gap:8px}.generatedImages{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:min(100%,620px)}.uploadItem{position:relative;width:84px;height:84px;border:1px solid var(--hairline);border-radius:16px;background:#fff;overflow:hidden}.uploadItem img,.imageGrid img{width:100%;height:100%;object-fit:cover}.uploadItem button{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:0;border:0;border-radius:999px;background:#0000009e;color:#fff}.imageGrid img{max-width:120px;height:90px;border:1px solid var(--hairline);border-radius:14px}.generatedImages img{width:100%;max-height:620px;object-fit:contain;border:1px solid var(--hairline);border-radius:18px;background:#fff;box-shadow:#00000038 3px 5px 30px}@media(max-width:1068px){.content{grid-template-columns:340px minmax(0,1fr)}.side,.messages,.chatHeader,.composer,.suggestions{padding-left:22px;padding-right:22px}}@media(max-width:833px){.globalNav{grid-template-columns:1fr auto;padding:0 18px}.globalNav nav{display:none}.globalStatus{font-size:0}.subNav{height:auto;min-height:56px;padding:10px 18px}.content{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--hairline);max-height:none}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.chat{min-height:78vh}}@media(max-width:640px){.side,.messages,.chatHeader,.composer,.suggestions{padding-left:16px;padding-right:16px}.heroPanel{padding:28px 22px}.heroPanel h1{font-size:32px}.metrics{grid-template-columns:1fr}.chatHeader{align-items:flex-start;flex-direction:column}.message,.message.user{grid-template-columns:1fr}.message .avatar,.message.user .avatar{display:none}.message.user .bubble{grid-column:1}.composer{grid-template-columns:1fr}}