:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f7ff;background:#050914;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: #050914;--panel: rgba(12, 22, 37, .58);--panel-strong: rgba(11, 20, 34, .76);--panel-soft: rgba(255, 255, 255, .055);--stroke: rgba(191, 223, 255, .18);--stroke-strong: rgba(191, 223, 255, .32);--text: #f2f7ff;--text-muted: #aab8cc;--text-soft: #7f8ea6;--blue: #0a77f5;--blue-soft: #78b7ff;--green: #67e8c3;--green-strong: #00a72d;--yellow: #ffdd00;--shadow-deep: 0 24px 80px rgba(0, 0, 0, .42);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(115deg,rgba(10,119,245,.14) 0%,transparent 34%),linear-gradient(245deg,rgba(0,167,45,.12) 0%,transparent 30%),linear-gradient(180deg,#081426,#050914 48%,#03050b);overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(rgba(191,223,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(191,223,255,.035) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.42) 0 1px,transparent 1.5px);background-size:64px 64px,64px 64px,120px 120px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 58%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 58%,transparent 100%);content:"";opacity:.58;pointer-events:none}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(100deg,transparent 0%,rgba(120,183,255,.12) 42%,transparent 66%),linear-gradient(18deg,transparent 0%,rgba(103,232,195,.09) 54%,transparent 76%);content:"";pointer-events:none}button,input{font:inherit}button{cursor:pointer}.chat-page{position:relative;width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0 136px}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.ambient-grid:before{position:absolute;top:64px;left:max(20px,calc(50vw - 560px));width:min(1120px,calc(100vw - 40px));height:220px;border:1px solid rgba(191,223,255,.08);border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 72%);content:"";opacity:.46;transform:perspective(900px) rotateX(64deg);transform-origin:top center}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;padding:24px;border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff09),var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.hero-copy{min-width:0}.hero h1{margin:0;color:var(--text);font-size:clamp(32px,5vw,48px);line-height:1;letter-spacing:0;text-wrap:balance}.hero p{max-width:520px;margin:12px 0 0;color:var(--text-muted);font-size:16px;line-height:1.6}.hero-status{display:flex;flex-shrink:0;gap:8px;align-items:flex-start}.protocol-chip{padding:8px 12px;border:1px solid rgba(103,232,195,.34);border-radius:999px;background:#67e8c31f;color:#c7fff0;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffff1f}.signal-chip{padding:8px 12px;border:1px solid rgba(191,223,255,.26);border-radius:999px;background:#0a77f521;color:#d8eaff;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffff1a}.message-list{display:flex;flex-direction:column;gap:24px}.message{display:flex;flex-direction:column}.message-user{align-items:flex-end}.text-block{max-width:min(720px,100%);padding:12px 16px;border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#ffffff09),#0b1422bd;color:var(--text);line-height:1.5;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.message-user .text-block{border-color:#78b7ff6b;background:linear-gradient(135deg,#0a77f570,#0a77f533),#122b4ed1}.empty-state{display:grid;min-height:330px;place-items:center;border:1px dashed rgba(191,223,255,.25);border-radius:16px;background:linear-gradient(135deg,#ffffff14,#ffffff06),#08111e75;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.empty-state p{max-width:620px;margin:0;padding:0 24px;color:var(--text-muted);text-align:center;line-height:1.6}.scene-card{position:relative;overflow:hidden;width:100%;border:1px solid var(--stroke-strong);border-radius:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff09),var(--panel-strong);color:var(--text);box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.scene-card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(120,183,255,.14),transparent 28%),linear-gradient(180deg,rgba(103,232,195,.09),transparent 38%);content:"";pointer-events:none}.scene-card>*{position:relative;z-index:1}.scene-card-header{display:flex;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid rgba(191,223,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff06)}.scene-card-header h2{margin:0;color:var(--text);font-size:20px;line-height:1.2;letter-spacing:0}.scene-card-header p{margin:8px 0 0;color:var(--text-muted);line-height:1.5}.scene-card-badges{display:flex;flex-shrink:0;gap:8px;align-items:flex-start}.scene-card-badges span{padding:8px 12px;border:1px solid rgba(191,223,255,.18);border-radius:999px;background:#ffffff13;color:#d8eaff;font-size:12px;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff14}.scene-card-badges .ready{border-color:#67e8c34d;color:#b9ffe9;background:#67e8c324}.scene-card-badges .streaming{border-color:#78b7ff5c;color:#d8eaff;background:#0a77f529}.scene-card-body{position:relative;height:560px;background:linear-gradient(rgba(191,223,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(191,223,255,.04) 1px,transparent 1px),linear-gradient(180deg,#07111d85,#04080ec7);background-size:48px 48px,48px 48px,auto}.scene-card-hint{position:absolute;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(191,223,255,.16);border-radius:999px;background:#060d1894;color:var(--text-soft);font-size:12px;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-fallback{margin:0;padding:14px 24px 18px;border-top:1px solid rgba(191,223,255,.12);color:var(--text-muted)}.scene-node-label{--node-color: #67e8c3;position:relative;display:inline-flex;align-items:center;gap:6px;max-width:132px;overflow:hidden;padding:6px 9px;border:1px solid color-mix(in srgb,var(--node-color) 46%,rgba(191,223,255,.28));border-radius:999px;background:linear-gradient(135deg,#ffffff1f,#ffffff09),#060d18b8;color:var(--text);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #0000003d,0 0 18px color-mix(in srgb,var(--node-color) 18%,transparent);-webkit-backdrop-filter:blur(12px) saturate(145%);backdrop-filter:blur(12px) saturate(145%)}.scene-node-label:before{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:var(--node-color);box-shadow:0 0 12px var(--node-color);content:""}.scene-node-label.selected{border-color:color-mix(in srgb,var(--node-color) 84%,white 16%);background:linear-gradient(135deg,#ffffff2e,#ffffff0f),color-mix(in srgb,var(--node-color) 24%,rgba(6,13,24,.86));color:#d9fff4}.scene-edge-label{padding:3px 7px;border:1px solid rgba(191,223,255,.16);border-radius:999px;background:#060d1899;color:#d8eaffb8;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:.72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-inspector{width:260px;padding:16px;border:1px solid rgba(191,223,255,.24);border-radius:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff09),#060d18d6;color:var(--text);font-size:13px;box-shadow:0 20px 50px #0006;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.scene-inspector strong{display:block;font-size:14px}.scene-inspector p{margin:8px 0 0;color:var(--text-muted);line-height:1.5}.chat-input{position:fixed;left:50%;bottom:24px;z-index:10;display:flex;width:min(920px,calc(100vw - 32px));gap:12px;padding:12px;border:1px solid var(--stroke-strong);border-radius:16px;background:linear-gradient(135deg,#ffffff21,#ffffff0b),#09121fc7;box-shadow:var(--shadow-deep);transform:translate(-50%);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.chat-input input{min-width:0;flex:1;border:1px solid transparent;border-radius:12px;outline:none;padding:0 12px;background:#ffffff0a;color:var(--text);font-size:14px}.chat-input input::placeholder{color:var(--text-soft)}.chat-input input:focus-visible{border-color:#67e8c380;box-shadow:0 0 0 3px #67e8c31f}.chat-input button{border:none;border-radius:12px;padding:12px 22px;background:linear-gradient(135deg,#0a77f5,#056ce3 52%,#00a72d);color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 24px #0a77f552;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.chat-input button:not(:disabled):hover{box-shadow:0 12px 32px #0a77f56b;transform:translateY(-1px)}.chat-input button:disabled{cursor:not-allowed;opacity:.5}.loading-row{margin:16px 0;color:var(--text-muted)}@media (max-width: 720px){.chat-page{width:min(100vw - 20px,1120px);padding:20px 0 128px}.hero,.scene-card-header{flex-direction:column}.hero{padding:20px}.hero h1{font-size:32px}.hero-status,.protocol-chip{align-self:flex-start}.hero-status,.scene-card-badges{flex-wrap:wrap}.scene-card-body{height:400px}.scene-card-hint{left:14px;right:14px;text-align:center}.scene-edge-label{display:none}.scene-node-label{max-width:88px;padding:5px 7px;font-size:11px}.scene-inspector{width:220px;padding:12px}.chat-input{width:calc(100vw - 20px);bottom:16px;gap:8px;padding:8px}.chat-input button{padding:12px 16px}}