:root{--bg-primary:#fff;--bg-page:#fafbfc;--bg-card:#fff;--bg-muted:#f5f5f7;--bg-hover:#f0f0f2;--text-primary:#111;--text-secondary:#555;--text-muted:#888;--text-inverse:#fff;--border-light:#e5e5e7;--border-mid:#d4d4d8;--border-hover:#a1a1aa;--accent-black:#111;--accent-brand:#1a1a2e;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--font-mono:"Space Mono", "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", "Cascadia Mono", "Consolas", "Liberation Mono", monospace;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--success-text:#166534;--success-bg:#dcfce7;--error-text:#991b1b;--error-bg:#fee2e2;--warning-text:#92400e;--warning-bg:#fffbeb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.65;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--glass-bg:#ffffffd1;--glass-bg-subtle:#ffffffb8;--glass-border:#ffffff94;--glass-blur:18px;--glass-shadow:0 10px 30px #11111114;--accent-brand-soft:color-mix(in srgb, var(--accent-brand) 10%, white);--success-soft:color-mix(in srgb, var(--success) 14%, white);--error-soft:color-mix(in srgb, var(--error) 12%, white);--control-height-sm:34px;--control-height-md:40px;--control-height-lg:48px;--mode-chat-accent:#52525b;--mode-think-accent:#71717a;--mode-agent-accent:#a1a1aa;--accent-black-hover:#333;--focus-ring:0 0 0 3px #1111111f;--focus-border:var(--accent-black);--active-scale:.985}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-mono);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit;color:inherit}.page-bg{z-index:0;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-page) 100%);pointer-events:none;position:fixed;inset:0}.term-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes thinkingPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.agent-shell{z-index:1;flex-direction:column;max-width:1280px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.agent-header{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.header-logo{border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-shrink:0;width:36px;height:36px;overflow:hidden}.header-logo img{object-fit:cover;width:100%;height:100%;display:block}.header-brand{font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:-.04em;color:var(--text-primary)}.header-right{align-items:center;gap:12px;display:flex}.header-mode-summary{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-light);font-family:var(--font-mono);letter-spacing:-.04em;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;display:flex}.header-mode-summary .dot{background:var(--text-primary);border-radius:50%;width:6px;height:6px}.lang-toggle{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;font-family:var(--font-mono);white-space:nowrap;padding:6px 12px;transition:all .2s}.lang-toggle:hover,.retry-btn:hover,.quick-prompt-chip:hover,.runtime-sheet-toggle:hover{color:var(--text-primary);background:var(--bg-muted);border-color:var(--border-mid)}.workspace-intro{border-bottom:1px solid var(--border-light);padding:48px 20px 36px}.term-label{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:-.04em;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;display:inline-flex}.term-dots{gap:5px;display:flex}.term-dots span{border-radius:50%;width:8px;height:8px}.term-dots span:first-child{background:var(--error)}.term-dots span:nth-child(2){background:var(--warning)}.term-dots span:nth-child(3){background:var(--success)}.intro-title{font-family:var(--font-mono);font-weight:var(--font-weight-bold);letter-spacing:-.06em;font-size:36px;line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:8px}.intro-desc{font-family:var(--font-mono);font-weight:400;font-size:var(--font-size-md);letter-spacing:-.035em;color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:520px;margin-bottom:18px}.intro-chips{flex-wrap:wrap;gap:8px;display:flex}.term-chip{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-light);letter-spacing:-.04em;border-radius:20px;align-items:center;padding:5px 12px;display:inline-flex}.intro-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-primary{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:-.04em;background:var(--accent-black);color:var(--text-inverse);border:1px solid var(--accent-black);cursor:pointer;align-items:center;gap:6px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-black-hover);border-color:var(--accent-black-hover)}.btn-outline{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:-.04em;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-mid);cursor:pointer;align-items:center;gap:6px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--border-hover);background:var(--bg-hover)}.agent-workspace{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:20px;display:grid}.clone-card{border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm), var(--glass-shadow);background:linear-gradient(#ffffffdb,#ffffffa3);overflow:hidden}.clone-card-hover:hover{border-color:var(--border-mid);box-shadow:var(--shadow-md), var(--glass-shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.agent-header,.clone-card,.agent-composer{background:var(--bg-card)}}.agent-chat-panel{flex-direction:column;min-height:500px;display:flex}.mode-switch{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-light);flex-shrink:0;gap:3px;margin:16px 16px 0;padding:5px;display:flex}.mode-switch button{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;font-family:var(--font-mono);white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 14px;transition:all .2s}.mode-switch button:hover:not(.active){color:var(--text-secondary);background:#1111110a}.mode-switch button.active{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-mid);box-shadow:var(--shadow-sm)}.mode-switch button.active.chat{border-left:3px solid var(--mode-chat-accent)}.mode-switch button.active.think{border-left:3px solid var(--mode-think-accent)}.mode-switch button.active.agent{border-left:3px solid var(--mode-agent-accent)}.messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-md);max-width:82%;line-height:var(--line-height-normal);font-size:var(--font-size-sm);word-break:break-word;white-space:pre-wrap;padding:12px 16px;animation:.25s ease-out floatIn}.message-bubble.user{background:var(--accent-black);color:var(--text-inverse);border-bottom-right-radius:var(--radius-xs);font-family:var(--font-mono);align-self:flex-end}.message-bubble.ai{background:var(--bg-muted);border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-mono);align-self:flex-start}.message-bubble.thinking{color:var(--text-muted);font-style:italic;font-family:var(--font-mono);animation:1.5s ease-in-out infinite thinkingPulse}.message-bubble.error{border-color:var(--error-soft);color:var(--error-text);background:var(--error-bg)}.message-bubble.warning{color:var(--warning-text);background:var(--warning-bg);border-color:#f59e0b4d}.agent-composer{border-top:1px solid var(--border-light);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);background:linear-gradient(#ffffffe0,#ffffffb8);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:16px;display:grid}.composer-input{resize:none;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-muted);width:100%;min-height:48px;max-height:150px;color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-mono);outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.composer-input:focus-visible{border-color:var(--focus-border);background:var(--bg-card);box-shadow:var(--focus-ring)}.composer-input::placeholder{color:var(--text-muted);font-family:var(--font-mono)}.send-btn{border:1px solid var(--accent-black);border-radius:var(--radius-md);min-width:70px;min-height:48px;color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;font-family:var(--font-mono);cursor:pointer;background:var(--accent-black);touch-action:manipulation;padding:0 18px;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--accent-black-hover);border-color:var(--accent-black-hover)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.lang-toggle:focus-visible,.mode-switch button:focus-visible,.send-btn:focus-visible,.retry-btn:focus-visible,.quick-prompt-chip:focus-visible,.runtime-sheet-toggle:focus-visible{box-shadow:var(--focus-ring);border-color:var(--focus-border);outline:none}.mode-switch button,.lang-toggle,.send-btn,.retry-btn,.quick-prompt-chip,.runtime-sheet-toggle{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .12s}.mode-switch button:active,.lang-toggle:active,.send-btn:active:not(:disabled),.retry-btn:active,.quick-prompt-chip:active,.runtime-sheet-toggle:active{transform:scale(var(--active-scale))}.agent-runtime-panel{flex-direction:column;gap:12px;display:flex}.agent-runtime-panel .clone-card{padding:18px}.runtime-section-title{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-light);margin-bottom:14px;padding-bottom:8px}.runtime-row{justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.runtime-row .label{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.runtime-row .value{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;font-weight:500}.runtime-status{font-size:12px;font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}.runtime-status .dot{border-radius:50%;width:7px;height:7px}.runtime-status.idle .dot{background:var(--text-muted)}.runtime-status.running .dot{background:var(--success);animation:1s ease-in-out infinite thinkingPulse}.runtime-status.completed .dot{background:var(--success)}.runtime-status.failed .dot{background:var(--error)}.runtime-status.idle{color:var(--text-muted)}.runtime-status.running{color:var(--text-primary)}.runtime-status.failed{color:var(--error)}.runtime-divider{border:0;border-top:1px solid var(--border-light);margin:8px 0}.runtime-trace-placeholder{font-family:var(--font-mono);color:var(--text-muted);text-align:center;background:var(--bg-muted);border:1px dashed var(--border-light);border-radius:var(--radius-sm);padding:12px;font-size:12px}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{align-items:flex-start;gap:10px;padding:8px 0 8px 4px;display:flex;position:relative}.timeline-item+.timeline-item:before{content:"";background:var(--border-light);width:1px;position:absolute;top:0;bottom:50%;left:12px}.timeline-dot{z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;position:relative}.timeline-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.timeline-label{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text-primary);font-size:12px;font-weight:600}.timeline-time{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.035em;font-size:10px}.stage-created .timeline-dot{background:var(--border-hover)}.stage-sending .timeline-dot{background:var(--mode-chat-accent)}.stage-waiting .timeline-dot{background:var(--success);animation:1s ease-in-out infinite thinkingPulse}.stage-completed .timeline-dot{background:var(--success)}.stage-failed .timeline-dot{background:var(--error)}.stage-rejection .timeline-dot{background:var(--warning)}.stage-rejection .timeline-label{color:var(--warning-text)}.capability-grid{flex-direction:column;gap:6px;display:flex}.capability-card{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-card);align-items:center;gap:8px;padding:8px 10px;transition:border-color .2s;display:flex}.capability-card.available{background:#22c55e08;border-color:#22c55e33}.capability-card.locked{opacity:.6}.capability-dot{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.capability-label{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text-primary);flex:1;min-width:0;font-size:12px;font-weight:600}.capability-state{font-family:var(--font-mono);letter-spacing:-.035em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:500}.capability-card.available .capability-state,.capability-dot.available{color:var(--success)}.capability-dot.locked{color:var(--border-mid)}.send-btn{border-color:color-mix(in srgb, var(--accent-brand) 30%, var(--accent-black))}.send-btn:hover:not(:disabled){border-color:var(--accent-black-hover)}.mode-switch button.active{border-color:color-mix(in srgb, var(--accent-brand) 14%, var(--border-mid))}.runtime-status.completed{color:var(--success)}.lang-toggle,.mode-switch button,.retry-btn,.quick-prompt-chip,.runtime-sheet-toggle{min-height:var(--control-height-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.runtime-mode-badge{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-light);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.runtime-mode-badge .dot{border-radius:50%;width:6px;height:6px}.runtime-mode-badge.chat .dot{background:var(--mode-chat-accent)}.runtime-mode-badge.think .dot{background:var(--mode-think-accent)}.runtime-mode-badge.agent .dot{background:var(--mode-agent-accent)}.http-code{font-family:var(--font-mono);border-radius:var(--radius-xs);padding:2px 8px;font-size:12px;font-weight:600}.http-code.null{color:var(--text-muted);background:var(--bg-muted)}.http-code.success{color:var(--success-text);background:var(--success-bg)}.http-code.error{color:var(--error-text);background:var(--error-bg)}@media (min-width:768px) and (max-width:1023px){.agent-workspace{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.agent-runtime-panel{display:none}.workspace-intro{padding:36px 16px 28px}.intro-title{font-size:28px}}@media (max-width:767px){.agent-workspace{flex-direction:column;gap:0;padding:0;display:flex}.agent-header{padding:10px 14px}.header-brand{font-size:15px}.header-mode-summary{display:none}.workspace-intro{padding:28px 14px 24px}.intro-title{font-size:24px}.intro-desc{font-size:13px}.agent-chat-panel{border-left:none;border-right:none;border-radius:0;min-height:calc(100dvh - 120px);margin-bottom:0}.mode-switch{margin:12px 12px 0}.mode-switch button{padding:7px 10px;font-size:12px}.messages{padding:12px;padding-bottom:calc(112px + env(safe-area-inset-bottom));min-height:0}.message-bubble{max-width:90%;font-size:13px}.runtime-sheet-toggle{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 12px;font-size:13px;display:flex}.runtime-sheet-pill{font-family:var(--font-mono);border-radius:var(--radius-xs);padding:2px 8px;font-size:11px;font-weight:600}.runtime-sheet-pill.idle{color:var(--text-muted);background:var(--bg-muted)}.runtime-sheet-pill.running,.runtime-sheet-pill.completed{color:var(--success-text);background:var(--success-bg)}.runtime-sheet-pill.failed{color:var(--error-text);background:var(--error-bg)}.agent-runtime-panel{left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));z-index:45;background:var(--bg-page);max-height:min(58dvh,480px);padding:0 12px 12px;display:none;position:fixed;overflow:auto}.agent-runtime-panel.mobile-open{flex-direction:column;gap:10px;display:flex}.agent-runtime-panel .clone-card{padding:14px}.quick-prompt-row{scrollbar-width:none;gap:8px;padding:0 12px 12px;display:flex;overflow-x:auto}.quick-prompt-row::-webkit-scrollbar{display:none}.quick-prompt-chip,.retry-btn{border:1px solid var(--border-light);background:var(--bg-muted);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;min-height:36px;padding:0 12px;font-size:12px;transition:all .2s}.quick-prompt-chip:hover,.retry-btn:hover{background:var(--bg-hover);border-color:var(--border-mid)}.retry-btn{align-self:flex-start;margin-top:10px}.agent-composer{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:50;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:8px;padding:8px;position:fixed}.composer-input{background:0 0;border:none;min-height:44px;padding:8px 12px;font-size:13px}.composer-input:focus-visible{box-shadow:none}.send-btn{border-radius:var(--radius-sm);min-width:60px;min-height:44px;font-size:13px}}@media (min-width:1024px){.agent-shell{padding:0 20px}.agent-workspace{gap:20px;padding:20px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}