:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#18201f;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.home-page{min-height:100vh;padding:56px clamp(20px,5vw,72px);background:linear-gradient(135deg,#ffffffe6,#ecf1ebdb),url(https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center}.home-hero{max-width:920px;margin:0 auto 32px;color:#172220}.eyebrow{margin:0 0 8px;color:#54615f;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:0}.hero-copy{max-width:620px;margin:18px 0 0;color:#4d5a57;font-size:17px;line-height:1.7}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:920px;margin:0 auto}.app-card{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;min-height:128px;padding:22px;border:1px solid rgba(24,32,31,.11);border-radius:8px;background:#ffffffe0;box-shadow:0 16px 42px #1c27231a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.app-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 20px 54px #1c272329}.app-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;color:#fff;background:var(--accent);font-size:14px;font-weight:800}.app-info{display:grid;gap:8px}.app-info strong{font-size:20px}.app-info small,.app-arrow{color:#5e6967}.chat-page{display:grid;grid-template-rows:auto 1fr auto;height:100vh;background:#f6f3ed}.chat-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px clamp(16px,4vw,42px);border-bottom:1px solid #ded8cc;background:#ffffffeb}.chat-header h1{font-size:clamp(22px,4vw,32px)}.back-link,.session-pill,.composer button{border-radius:8px}.back-link{padding:10px 12px;border:1px solid #d9d2c6;color:#4b5653;background:#fff}.session-pill{max-width:220px;overflow:hidden;padding:9px 12px;color:#fff;background:var(--accent);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.message-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:24px clamp(16px,4vw,42px)}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.bubble{width:min(720px,78%);padding:14px 16px;border-radius:8px;line-height:1.7;box-shadow:0 8px 24px #1c272314}.message-row.user .bubble{color:#fff;background:var(--accent)}.message-row.assistant .bubble{border:1px solid #e2ddd2;background:#fff}.bubble-name{margin:0 0 6px;font-size:13px;font-weight:700;opacity:.78}.bubble-content{margin:0;white-space:pre-wrap;word-break:break-word}.agent-card{width:min(920px,92%);overflow:hidden;border:1px solid #dce4df;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1c272314}.agent-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #e6ece8;background:#f7faf8}.agent-kicker{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0}.agent-status{padding:6px 9px;border-radius:999px;color:#23665e;background:#e6f4ef;font-size:12px;font-weight:700;white-space:nowrap}.agent-status.is-running{color:#8a5b18;background:#fff3d8}.agent-status.is-thinking{color:#267267;background:#e4f5f0}.agent-status.is-error{color:#a33e49;background:#fde8eb}.agent-thinking{margin:0;padding:12px 18px;border-bottom:1px solid #e1eee9;color:#178b7e;background:#f3fbf8;font-size:14px}.agent-thinking:after{content:"...";display:inline-block;width:0;overflow:hidden;vertical-align:bottom;animation:thinking-dots 1.2s steps(4,end) infinite}@keyframes thinking-dots{0%{width:0}to{width:20px}}.agent-steps{display:grid;gap:0;padding:4px 18px}.agent-step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eef1ef}.agent-step:last-child{border-bottom:0}.agent-step-index{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:var(--accent);font-size:12px;font-weight:800}.agent-step-title{margin-bottom:4px;color:#2f625b;font-size:13px;font-weight:800}.agent-step-body p,.agent-summary{margin:0;color:#4d5a57;line-height:1.65;white-space:pre-wrap;word-break:break-word}.agent-summary{padding:0 18px 16px}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px}.image-card{min-width:0;margin:0;overflow:hidden;border:1px solid #e1e7e3;border-radius:6px;background:#f5f7f5}.image-card img,.image-fallback{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.image-fallback{display:grid;place-items:center;padding:12px;color:#78837f;font-size:12px;text-align:center}.image-card figcaption{padding:7px 9px;color:#71807b;font-size:11px}.image-download-button{width:calc(100% - 18px);margin:0 9px 9px;padding:7px 9px;border:1px solid #c8ddd6;border-radius:5px;color:#246d63;background:#fff;font-size:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.image-download-button:hover:not(:disabled){border-color:var(--accent);background:#f1f8f5}.image-download-button:disabled{cursor:not-allowed;opacity:.55}.file-list{display:grid;gap:8px;padding:0 18px 18px}.file-card{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #dce4df;border-radius:6px;background:#fbfcfb;transition:border-color .16s ease,background .16s ease}.file-card:hover{border-color:var(--accent);background:#f1f8f5}.file-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#fff;background:var(--accent);font-size:18px;font-weight:800}.file-info{display:grid;min-width:0;gap:3px}.file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small,.file-action{color:#71807b;font-size:12px}.file-action{color:var(--accent);font-weight:700}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px clamp(16px,4vw,42px) 20px;border-top:1px solid #ded8cc;background:#fffffff0}.composer textarea{width:100%;min-height:50px;max-height:160px;resize:vertical;padding:14px 16px;border:1px solid #d8d1c4;border-radius:8px;color:#172220;background:#fff;outline:none}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.composer button{min-width:96px;border:0;color:#fff;background:var(--accent);font-weight:700;cursor:pointer}.composer button:disabled{cursor:not-allowed;opacity:.58}@media(max-width:760px){.home-page{padding:36px 16px}.app-grid,.chat-header,.composer{grid-template-columns:1fr}.app-card{grid-template-columns:56px 1fr}.app-arrow{grid-column:2}.session-pill{max-width:100%}.bubble{width:min(100%,680px)}.agent-card{width:100%}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer button{min-height:46px}}