:root{color:#0f172a;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 28%),linear-gradient(180deg,#f8fafc,#e2e8f0);font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}.java-fast-page{min-height:100vh;padding:32px 428px 32px 32px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.12em}.hero h1{margin:0;font-size:36px}.hero-copy{max-width:720px;color:#334155}.hero-status{display:flex;gap:10px;flex-wrap:wrap}.status-pill{border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;background:#fff}.status-connected{color:#166534}.status-connecting{color:#92400e}.status-error{color:#b91c1c}.status-disconnected,.status-static{color:#334155}.turn-status-idle{color:#64748b}.turn-status-sent{color:#92400e;background:#fef3c7}.turn-status-streaming{color:#1e40af;background:#dbeafe}.turn-status-tool_call{color:#92400e;background:#fef3c7}.turn-status-completed{color:#166534;background:#dcfce7}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:#ffffffe0;border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0f172a14}.panel-wide{grid-column:span 2}.panel h2{margin-top:0}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row h2{margin:0}.panel-title-row button{padding:8px 12px;border-radius:10px}label,textarea,input,button{font:inherit}label{display:block;margin-bottom:12px;color:#334155}input,textarea{width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px;background:#fff}button{border:none;border-radius:14px;padding:12px 16px;background:#0f766e;color:#fff;cursor:pointer}.button-row{display:flex;gap:12px;flex-wrap:wrap}.frame-upload-bar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}.file-upload-field{flex:1 1 320px}.frame-preview-card{display:grid;gap:10px;margin-top:12px;padding:14px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:#f8fafceb}.frame-preview-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;color:#334155}.frame-preview-image{width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:linear-gradient(135deg,#e2e8f0a6,#f8fafcf2)}.sample-frame-status{margin:12px 0 0;color:#64748b;font-size:14px}.case-list{display:grid;gap:10px}.case-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#ecfeff;color:#164e63}.case-button.active{background:#0f766e;color:#fff}.completed-summary,.muted{color:#64748b}.timeline{display:grid;gap:10px}.timeline-item{border-left:4px solid #94a3b8;padding-left:12px}.timeline-item strong{margin-right:8px}.timeline-time{font-size:12px;color:#64748b;font-family:SF Mono,Menlo,monospace}.timeline-stream_delta{border-color:#0ea5e9}.timeline-final_text{border-color:#0f766e}.timeline-tool_event{border-color:#ca8a04}.timeline-background_speak{border-color:#059669}.timeline-handoff,.timeline-task_event{border-color:#7c3aed}.timeline-error{border-color:#dc2626}.trace-grid{display:grid;gap:10px}.trace-grid dt{font-size:12px;color:#64748b}.trace-grid dd{margin:4px 0 0;word-break:break-all}.memory-panel{display:flex;flex-direction:column;gap:12px}.memory-sidebar{position:fixed;top:32px;right:32px;bottom:32px;z-index:20;width:372px}.memory-sidebar .memory-panel{height:100%;overflow-y:auto}.memory-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-groups{display:grid;gap:14px;padding-right:4px}.memory-section,.llm-context{display:grid;gap:12px}.memory-section>h3,.llm-context-block h3{margin:0;color:#334155;font-size:14px}.llm-context-block{display:grid;gap:8px}.llm-context-block pre{margin:0;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:10px;color:#334155;background:#f1f5f9;font:12px/1.45 SF Mono,Menlo,monospace}.memory-group{display:grid;gap:8px}.memory-group-title{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#334155}.memory-group-title span{border-radius:999px;padding:2px 8px;color:#155e75;background:#cffafe;font-size:12px;font-weight:800}.memory-row-list{display:grid;gap:8px}.memory-row{border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px;background:#f8fafc}.memory-row-head{display:flex;justify-content:space-between;gap:8px;color:#64748b;font-family:SF Mono,Menlo,monospace;font-size:11px}.memory-row p{margin:8px 0;color:#0f172a;line-height:1.45;word-break:break-word}.memory-tags{display:flex;flex-wrap:wrap;gap:6px}.memory-tags span{border-radius:999px;padding:3px 8px;background:#e0f2fe;color:#075985;font-size:12px}.memory-row-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0}.memory-row-meta dt{color:#64748b;font-size:11px}.memory-row-meta dd{margin:2px 0 0;color:#334155;font-size:12px;word-break:break-all}.checklist,.plain-list{margin:0;padding-left:18px}.plain-list li{margin-bottom:8px}.tool-payload{margin:4px 0 0;padding:8px;background:#f1f5f9;border-radius:8px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all;color:#334155;max-height:120px;overflow-y:auto}.evidence-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.evidence-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f8fafc}.evidence-list span{min-width:44px;font-size:12px;font-weight:800;letter-spacing:.08em}.evidence-pass{color:#166534;border:1px solid rgba(34,197,94,.25)}.evidence-pending{color:#475569;border:1px solid rgba(148,163,184,.25)}.callback-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.callback-step{min-height:140px;border-radius:14px;padding:14px;border:1px solid rgba(148,163,184,.2);background:#f8fafc;display:flex;flex-direction:column;gap:8px}.callback-step-header,.task-flow-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.callback-step p,.task-flow-item p{margin:0;color:#334155}.callback-pass{border-color:#22c55e47;background:#dcfce799}.callback-fail{border-color:#dc262647;background:#fee2e2cc}.callback-wait{border-color:#94a3b840;background:#f8fafceb}.callback-badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;letter-spacing:.06em}.callback-badge-pass{color:#166534;background:#bbf7d0f2}.callback-badge-fail{color:#991b1b;background:#fecacaf2}.callback-badge-wait{color:#475569;background:#e2e8f0f2}.task-flow{display:grid;gap:10px;margin-top:12px}.task-flow-item{border-left:4px solid #94a3b8;border-radius:10px;padding:10px 12px;background:#f8fafc}.task-flow-success{border-color:#16a34a;background:#dcfce78f}.task-flow-warning{border-color:#ca8a04;background:#fef9c3cc}.task-flow-danger{border-color:#dc2626;background:#fee2e2d1}.task-flow-info{border-color:#7c3aed;background:#f3e8ffb3}.log-error{color:#b91c1c}.log-ok{color:#166534}.log-meta{margin:0;color:#64748b;font-size:12px}@media(max-width:960px){.java-fast-page{padding:20px}.memory-sidebar{position:static;width:auto;margin-bottom:18px}.memory-sidebar .memory-panel{height:auto;overflow:visible}.memory-groups{max-height:520px}.hero{flex-direction:column}.panel-grid{grid-template-columns:1fr}.panel-wide{grid-column:span 1}.callback-chain{grid-template-columns:1fr}}.ui-directive-list{display:flex;flex-direction:column;gap:12px}.ui-directive-item{background:#0f766e0f;border:1px solid rgba(15,118,110,.2);border-radius:8px;padding:12px}.ui-directive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ui-directive-item details{margin-top:8px}.ui-directive-item details summary{cursor:pointer;font-size:.85rem;color:#475569}.ui-directive-item details pre{margin-top:6px;max-height:300px;overflow:auto;font-size:.75rem;white-space:pre-wrap;word-break:break-all}