.app{max-width:1100px;margin:0 auto;padding:32px 24px 48px}.app-header{text-align:center;margin-bottom:32px}.app-header h1{font-size:2rem;margin:0 0 8px;color:#1a1a1a}.app-tagline{font-size:1.05rem;color:#555;margin:0}.setup-strip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 24px;margin-bottom:24px}.setup-strip h2{margin:0 0 12px;font-size:1rem;color:#334155}.setup-steps{margin:0 0 16px;padding-left:1.25rem;color:#475569;font-size:.9rem;line-height:1.7}.setup-hint{margin:0 0 8px;font-size:.875rem;color:#64748b}.capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;font-size:.85rem}.capability-item{padding:8px 10px;background:#f8fafc;border-radius:6px;color:#334155}.capability-item strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:2px}.banner{padding:14px 20px;border-radius:8px;margin-bottom:24px;text-align:center;font-size:.95rem}.banner--checking{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.banner--ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.banner--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}@media(max-width:768px){.layout{grid-template-columns:1fr}}.recipe-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;position:sticky;top:16px}.recipe-nav-group{margin-bottom:16px}.recipe-nav-group:last-child{margin-bottom:0}.recipe-nav-group h3{margin:0 0 8px;padding:0 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.recipe-nav button{display:block;width:100%;text-align:left;padding:8px 10px;margin-bottom:4px;font-size:.875rem;background:transparent;border:none;border-radius:6px;color:#334155;cursor:pointer}.recipe-nav button:hover{background:#f1f5f9}.recipe-nav button.active{background:#06f;color:#fff}.recipe-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:28px;box-shadow:0 1px 3px #0000000f}.recipe-panel h2{margin:0 0 8px;font-size:1.35rem;color:#1e293b}.recipe-description{margin:0 0 24px;color:#64748b;line-height:1.6;font-size:.95rem}.field{margin-bottom:20px}.field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:#334155}.field textarea,.field input{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;resize:vertical}.field textarea.mono{font-family:ui-monospace,monospace;font-size:.85rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.btn{padding:10px 20px;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#06f;color:#fff}.btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.btn-success{background:#16a34a;color:#fff}.btn-danger{background:#dc2626;color:#fff}.error-box{padding:14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:20px;font-size:.9rem}.code-block{margin-bottom:24px}.code-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.code-block-header span{font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.code-block pre{margin:0;padding:16px;background:#0f172a;color:#e2e8f0;border-radius:8px;overflow-x:auto;font-size:.8rem;line-height:1.55}.result-section h3{margin:0 0 10px;font-size:1rem;color:#334155}.result-output{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.result-output.mono{font-family:ui-monospace,monospace;font-size:.85rem}.result-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.8rem;color:#64748b}.result-meta span{padding:4px 8px;background:#f1f5f9;border-radius:4px}.chat-history{margin-bottom:20px;max-height:260px;overflow-y:auto;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.chat-bubble{margin-bottom:10px;text-align:left}.chat-bubble.user{text-align:right}.chat-bubble-inner{display:inline-block;max-width:88%;padding:8px 12px;border-radius:8px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.chat-bubble.user .chat-bubble-inner{background:#06f;color:#fff}.chat-bubble.assistant .chat-bubble-inner{background:#e2e8f0;color:#1e293b}.chat-role{display:block;font-size:.65rem;opacity:.75;margin-bottom:4px;text-transform:uppercase}.event-log{margin-top:32px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.event-log h2{margin:0 0 8px;font-size:1rem}.event-log-desc{margin:0 0 12px;font-size:.85rem;color:#64748b}.event-log-list{max-height:160px;overflow-y:auto;font-family:ui-monospace,monospace;font-size:.75rem;background:#0f172a;color:#94a3b8;padding:12px;border-radius:8px;margin:0;list-style:none}.event-log-list li{margin-bottom:6px;line-height:1.4}.event-log-empty{color:#64748b;font-style:italic}.app-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.875rem}.app-footer a{color:#06f}.app-footer code{background:#f1f5f9;padding:2px 6px;border-radius:4px}