:root{--bg: #fafafa;--panel: #ffffff;--border: #e5e5e5;--text: #1a1a1a;--muted: #777;--accent: #2563eb;--accent-soft: #eff4ff;--tool-bg: #fff8e6;--tool-border: #f5d27a;--user-bg: #2563eb;--user-fg: #fff;--asst-bg: #f1f3f5;--error: #d6341c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;height:100vh}.sidebar{width:260px;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column}.sidebar h1{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;padding:16px 16px 8px}.new-btn{margin:8px;padding:8px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.new-btn:hover{background:#1e4fd1}.channels{flex:1;overflow-y:auto;padding:8px}.channel{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;font-size:13px;color:#333;transition:background .1s}.channel:hover{background:var(--accent-soft)}.channel.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.channel-title{font-weight:500;margin-bottom:2px}.channel-time{font-size:11px;color:var(--muted)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel);font-weight:500;display:flex;justify-content:space-between;align-items:center}.topbar .meta{font-size:12px;color:var(--muted);font-weight:400}.messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted)}.msg-row{display:flex;max-width:80%}.msg-row.user{align-self:flex-end;justify-content:flex-end}.msg-row.assistant{align-self:flex-start}.msg-row.tool{align-self:stretch;max-width:100%}.bubble{padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}.msg-row.user .bubble{background:var(--user-bg);color:var(--user-fg);border-bottom-right-radius:4px}.msg-row.assistant .bubble{background:var(--asst-bg);color:var(--text);border-bottom-left-radius:4px}.tool-card{background:var(--tool-bg);border:1px solid var(--tool-border);border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;width:100%}.tool-card .tool-name{font-weight:600;color:#8a5e00}.tool-card .tool-section{margin-top:4px;word-break:break-all;white-space:pre-wrap}.tool-card .tool-args{color:#5a3f00}.tool-card .tool-result{color:#2c5800}.tool-card .pending{color:#999;font-style:italic}.composer{border-top:1px solid var(--border);background:var(--panel);padding:12px 20px}.composer-inner{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;resize:none;outline:none;max-height:200px;min-height:42px}.composer textarea:focus{border-color:var(--accent)}.composer button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:500;height:42px}.composer button:disabled{background:#aaa;cursor:not-allowed}.composer-tools{display:flex;gap:6px;margin-bottom:6px;align-items:center}.icon-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;color:#555;height:auto!important}.icon-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.attachment{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;width:64px;height:64px}.attachment img{width:100%;height:100%;object-fit:cover}.attachment .pending{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:10px;color:#555}.attachment .remove{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:11px;line-height:18px;padding:0}.bubble img.inline{max-width:240px;max-height:240px;border-radius:8px;display:block;margin-top:6px}.bubble .md p{margin:0 0 6px}.bubble .md p:last-child{margin-bottom:0}.bubble .md ul,.bubble .md ol{margin:4px 0 4px 18px;padding:0}.bubble .md li{margin:2px 0}.bubble .md h1,.bubble .md h2,.bubble .md h3,.bubble .md h4{margin:8px 0 4px;font-size:14px}.bubble .md strong{font-weight:600}.bubble .md em{font-style:italic}.bubble .md a{color:var(--accent);text-decoration:underline}.bubble .md code{background:#0000000f;padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.bubble .md pre{background:#1e1e1e;color:#f0f0f0;padding:10px 12px;border-radius:6px;overflow-x:auto;margin:6px 0}.bubble .md pre code{background:transparent;padding:0;color:inherit;font-size:11px}.bubble .md blockquote{border-left:3px solid var(--border);padding-left:8px;margin:6px 0;color:var(--muted)}.bubble .md table{border-collapse:collapse;margin:6px 0;font-size:12px}.bubble .md th,.bubble .md td{border:1px solid var(--border);padding:4px 8px}.bubble .md hr{border:none;border-top:1px solid var(--border);margin:8px 0}.msg-row.user .bubble .md code{background:#ffffff2e;color:inherit}.a2ui-card{width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000a}.a2ui-card .a2ui-loading{font-size:12px;color:var(--muted);padding:8px}.a2ui-card .a2ui-faded{opacity:.55;pointer-events:none;transition:opacity .2s}.a2ui-card .a2ui-status{margin-top:8px;font-size:12px;padding:6px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.a2ui-card .a2ui-status.success{background:#ecfdf3;color:#137333}.a2ui-card .a2ui-status.error{background:#fce8e6;color:var(--error)}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.auth-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px #0000000a}.auth-card h1{margin:0 0 4px;font-size:22px}.auth-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:8px}.auth-tabs button{flex:1;padding:10px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:#666}.auth-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#555}.auth-card input{padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card .primary{margin-top:4px;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.auth-card .primary:disabled{background:#aaa;cursor:not-allowed}.auth-error{background:#fce8e6;color:var(--error);padding:8px 12px;border-radius:6px;font-size:12px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#fff;color:#444;border:1px solid var(--border);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer}.google-btn:hover:not(:disabled){background:#f7f7f7;border-color:#ccc}.google-btn:disabled{opacity:.5;cursor:not-allowed}.g-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ea4335,#fbbc05,#34a853,#4285f4);color:#fff;font-weight:700;font-size:12px}.session-bar{position:absolute;top:8px;right:16px;z-index:100;display:flex;gap:12px;align-items:center;font-size:12px;color:#555;background:#fffffff2;padding:4px 10px;border-radius:6px;border:1px solid var(--border)}.session-bar button{padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:11px;color:#555}.session-bar button:hover{background:var(--accent-soft);color:var(--accent)}.session-bar a{padding:4px 10px;border:1px solid var(--border);border-radius:4px;color:#555;text-decoration:none;font-size:11px}.session-bar a:hover{background:var(--accent-soft);color:var(--accent)}.swagger-page{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.swagger-header{height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--border);background:#fff}.swagger-header h1{margin:0;font-size:16px;line-height:1.2}.swagger-header span{color:var(--muted);font-size:12px}.swagger-actions{display:flex;align-items:center;gap:8px}.swagger-actions button,.swagger-actions a{height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:#333;text-decoration:none;font:inherit;font-size:12px;cursor:pointer}.swagger-actions button:hover:not(:disabled),.swagger-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.swagger-actions button:disabled{opacity:.6;cursor:not-allowed}.swagger-error{margin:12px 24px 0;padding:10px 12px;border:1px solid #f2c1b8;border-radius:6px;background:#fff4f2;color:var(--error)}.swagger-body{flex:1;min-height:0}.swagger-loading{padding:24px;color:var(--muted)}.swagger-page .swagger-ui .topbar{display:none}.workbench{display:grid;grid-template-columns:470px 1fr;height:100vh;background:#0f172a}.workbench-h5{display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.workbench-console{background:var(--bg);overflow:hidden;display:flex;flex-direction:column}.phone-shell{filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.phone-frame{width:390px;height:800px;background:#1c1c1e;border:9px solid #1c1c1e;border-radius:48px;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-status{height:36px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:13px;font-weight:600;color:#111;position:relative;flex:0 0 auto}.ps-time{letter-spacing:.02em;min-width:50px}.ps-island{position:absolute;left:50%;top:6px;transform:translate(-50%);width:96px;height:26px;background:#000;border-radius:14px}.ps-icons{display:flex;gap:6px;align-items:center;font-size:11px}.ps-signal{letter-spacing:-1px;font-size:9px}.ps-battery{display:inline-block;width:22px;height:11px;border:1px solid #111;border-radius:3px;padding:1px;position:relative}.ps-battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:5px;background:#111;border-radius:1px}.ps-batt-fill{display:block;height:100%;width:80%;background:#111;border-radius:1px}.phone-viewport{flex:1;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;position:relative}.phone-home{height:22px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.phone-home:after{content:"";width:130px;height:4px;background:#111;border-radius:2px}.h5-bottom-tabs{height:56px;background:#fff;border-top:1px solid var(--border);display:flex;align-items:stretch;flex:0 0 auto}.h5-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;cursor:pointer;color:#888;font-size:11px;padding:0;position:relative}.h5-tab.active{color:var(--accent)}.h5-tab-icon{font-size:20px;line-height:1;position:relative}.h5-tab-label{font-size:10px}.h5-tab-badge{position:absolute;top:-2px;right:-10px;min-width:14px;height:14px;background:var(--error);color:#fff;border-radius:8px;padding:0 4px;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.h5-tab-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.console{display:flex;flex-direction:column;height:100%}.console-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto}.console-tab{padding:6px 12px;border-radius:6px;background:transparent;border:1px solid transparent;cursor:pointer;font-size:12px;color:#555;white-space:nowrap}.console-tab:hover{background:var(--accent-soft)}.console-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}.console-body{flex:1;overflow:auto;padding:16px}.console-section{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.console-section h2{margin:0 0 8px;font-size:16px}.console-section h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#666}.console-section .muted{color:var(--muted);font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-primary{padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.btn-primary:hover:not(:disabled){background:#1e4fd1}.btn-primary:disabled{background:#aaa;cursor:not-allowed}.btn-secondary{padding:8px 14px;background:#fff;color:#333;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px}.btn-secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.btn-danger{padding:8px 14px;background:#fff;color:var(--error);border:1px solid #f5b5af;border-radius:6px;cursor:pointer;font-size:13px}.btn-danger:hover{background:#fce8e6}.session-bar{position:absolute;top:12px;right:18px;z-index:100}.h5-feed-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid var(--border);flex:0 0 auto}.h5-feed-title{font-size:16px;font-weight:600}.h5-icon-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;font-size:16px;color:#555}.h5-icon-btn:hover{background:var(--accent-soft)}.h5-feed-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}.h5-feed-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13px;line-height:1.6}.h5-feed-empty.error{color:var(--error)}.h5-feed-card{background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden}.h5-feed-meta{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;color:var(--muted);border-bottom:1px solid #f0f0f0}.h5-feed-scene{font-weight:500;color:#333}.h5-feed-time{margin-left:auto}.h5-feed-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.h5-feed-dismiss{width:22px;height:22px;padding:0;border:none;background:transparent;cursor:pointer;color:#999;font-size:12px;border-radius:50%}.h5-feed-dismiss:hover{background:#fce8e6;color:var(--error)}.h5-feed-card-body{padding:12px}.h5-feed-card-body .a2ui-card{border:none;padding:0;box-shadow:none}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:8px}.preset-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;font-family:inherit;transition:background .1s,border-color .1s}.preset-card:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.preset-card:disabled{opacity:.5;cursor:not-allowed}.preset-label{font-size:13px;font-weight:500;margin-bottom:4px}.preset-summary{font-size:11px;color:var(--muted);line-height:1.4}.kv-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.kv-table th,.kv-table td{padding:6px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #f0f0f0}.kv-table th{font-weight:500;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.04em}.kv-table input{padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;width:100%}.kv-table button{margin-right:4px;padding:4px 8px;font-size:11px}.kv-table code{font-size:11px;word-break:break-all}.hk-sim{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;width:100%}.hk-section{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 20px}.hk-section h2{margin:0 0 6px;font-size:18px}.hk-section h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#666}.hk-section.error{background:#fce8e6;color:var(--error);border-color:#f5b5af}.hk-section .muted{color:var(--muted);font-size:13px}.hk-controls{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.hk-controls label{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#444}.hk-controls input[type=number]{width:56px;padding:4px 6px;border:1px solid var(--border);border-radius:4px}.hk-controls button{padding:8px 14px;background:#fff;color:#333;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;margin-left:8px}.hk-controls button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.hk-controls button.danger{color:var(--error);border-color:#f5b5af}.hk-controls button:hover:not(:disabled){background:var(--accent-soft)}.hk-controls button.primary:hover:not(:disabled){background:#1e4fd1}.hk-controls button:disabled{opacity:.4;cursor:not-allowed}.hk-row{display:flex;gap:32px;flex-wrap:wrap;font-size:13px}.hk-row code{font-size:12px}.hk-result{width:100%;border-collapse:collapse;font-size:13px}.hk-result th,.hk-result td{padding:6px 12px;text-align:left;border-bottom:1px solid #f0f0f0}.hk-result th{font-weight:500;color:#666;font-size:11px;text-transform:uppercase}.hk-pool{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;font-size:12px}.hk-sample{display:grid;grid-template-columns:80px 1fr 160px 70px;gap:12px;padding:6px 10px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fafafa;align-items:center}.hk-sample.is-new{background:#e9f4ff;border-left:3px solid var(--accent)}.hk-kind{font-size:10px;text-transform:uppercase;color:#888;font-weight:600}.hk-name{color:#222}.hk-ts{color:#666;font-size:11px}.hk-uuid{color:#999;font-size:11px}.hk-section .error{color:var(--error);font-size:12px}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;padding:12px;text-align:center;cursor:pointer;font-size:13px;color:#666;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2563eb14;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);font-weight:500;pointer-events:none;z-index:10}.status-line{padding:6px 12px;font-size:12px;color:var(--muted);font-style:italic;min-height:20px}.status-line.error{color:var(--error);font-style:normal}