:root{color:#17202a;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:1px solid #96a084;border-radius:6px;background:#fff;color:#17202a;cursor:pointer;font:inherit;height:36px;padding:0 14px}button:hover{border-color:#43644f}button:disabled{cursor:default;opacity:.55}input{border:1px solid #96a084;border-radius:6px;color:#17202a;font:inherit;height:36px;min-width:0;padding:0 10px}input:focus{border-color:#43644f;outline:2px solid rgba(67,100,79,.18);outline-offset:1px}.app-shell{display:grid;gap:16px;min-height:100vh;padding:20px}.toolbar{align-items:center;display:flex;justify-content:space-between;gap:18px}.brand{align-items:center;display:flex;gap:14px;min-width:0}.brand img{flex:0 0 auto;height:64px;width:64px}.toolbar h1{font-size:22px;line-height:1.2;margin:0 0 6px}.toolbar p{color:#52606d;font-size:14px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.key-jump{display:flex;gap:8px}.key-jump input{width:128px}.scenario-panel{display:grid;background:#ffffff94;border:1px solid rgba(215,221,205,.9);border-radius:12px;gap:10px;grid-template-rows:auto auto;min-height:0;padding:14px}.scenario-stack{display:grid;gap:18px}.scenario-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0 2px}.scenario-toolbar>div:first-child{display:grid;gap:4px}.scenario-toolbar strong{font-size:15px}.scenario-toolbar span{color:#52606d;font-size:13px}.scenario-footer{display:flex;justify-content:center}.code-toggle{background:transparent;border:0;color:#43644f;height:auto;padding:4px 10px}.code-toggle:hover{color:#17202a;text-decoration:underline}.code-panel{background:#17202a;border-radius:8px;color:#e8efe7;margin:0;overflow:auto;padding:14px}.code-panel-enter{animation:code-panel-in .18s ease-out both;transform-origin:top center}.code-panel code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;white-space:pre}@keyframes code-panel-in{0%{opacity:0;transform:translateY(-6px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}.viewport{background:#fff;border:1px solid #d7ddcd;border-radius:8px;box-shadow:0 14px 40px #17202a14;min-height:0;overflow:auto;overflow-anchor:none;position:relative}.chat-viewport{height:430px;padding:12px 0}.horizontal-viewport{background:linear-gradient(90deg,rgba(34,53,40,.06),transparent 120px),#fff;height:280px;padding:0 16px;overflow-x:auto;overflow-y:hidden}.message{display:flex;justify-content:flex-start;padding:0 16px}.message.mine{justify-content:flex-end}.message.horizontal-message{align-items:center;height:100%;padding:18px 0}.message.horizontal-message .bubble{background:#fbfcf7;border-color:#cdd8c5;box-shadow:0 10px 24px #17202a14;display:flex;flex-direction:column;height:224px;max-height:100%;max-width:none;overflow:hidden;width:280px}.message.horizontal-card-compact .bubble{width:240px}.message.horizontal-card-code .bubble{width:330px}.message.horizontal-card-media .bubble{width:360px}.message.horizontal-card-wide .bubble{width:320px}.message.horizontal-message.mine{justify-content:flex-start}.message.horizontal-message.mine .bubble{background:#f0f5f1;border-color:#c4d0c3}.message.horizontal-message .message-meta{flex:0 0 auto}.message.horizontal-message .bubble p{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.message.horizontal-message .message-image{flex:1 1 auto;min-height:92px}.message.horizontal-message .pretext{flex:0 0 auto;max-height:74px;overflow:auto}.bubble{background:#eef4ee;border:1px solid #d3dfd2;border-radius:8px;max-width:min(640px,78%);padding:12px 14px}.message.mine .bubble{background:#e8f0f2;border-color:#c9d9dd}.message-meta{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.message-meta strong{font-size:13px}.message-meta span{color:#64717d;font-size:12px}.bubble p{color:#44515c;font-size:14px;line-height:1.55;margin:0}.message-image{background:#dbe4db;border:1px solid #cbd7ca;border-radius:6px;display:block;height:auto;margin-top:10px;max-width:min(420px,100%);min-height:280px;object-fit:cover;width:100%}.pretext{background:#17202a;border-radius:6px;color:#e8efe7;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;margin:10px 0 0;overflow-x:auto;padding:10px 12px;white-space:pre-wrap}@media (max-width: 720px){.app-shell{padding:12px}.toolbar{align-items:stretch;flex-direction:column}.brand{align-items:flex-start}.brand img{height:52px;width:52px}.actions{justify-content:flex-start}.key-jump{width:100%}.key-jump input{flex:1 1 120px;width:auto}.scenario-toolbar{align-items:stretch;flex-direction:column}.chat-viewport{height:380px}.horizontal-viewport{height:260px}.message{padding:0 10px}.bubble{max-width:88%}}