.app{background:#f2f2f2;flex-direction:column;min-height:100%;display:flex}.topbar{color:#fff;background:#1c1c23;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.topbar__brand{align-items:center;gap:.85rem;display:flex}.topbar__logo{object-fit:contain;width:auto;max-width:8.5rem;height:2.35rem}.topbar__title{font-size:1.02rem;font-weight:700}.topbar__sub{opacity:.9;color:#d9bd89;font-size:.78rem}.topbar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge{color:#1c1c23;background:#d9bd89;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.soft-chip{color:#ccbd99;opacity:.95;border:1px solid #bea678;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.beat-bar{background:#fff;border-bottom:1px solid #e8e4da;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1.25rem;display:flex}.hero-label{color:#1c1c23;font-size:.92rem;font-weight:600}.seed-chip{color:#1c1c23;cursor:pointer;background:#f2f2f2;border:1px solid #d4cbb8;border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:600}.seed-chip:hover{border-color:#bea678}.seed-chip--on{color:#d9bd89;background:#1c1c23;border-color:#1c1c23}.more-examples{color:#8c8c8c;font-size:.8rem;position:relative}.more-examples summary{cursor:pointer;opacity:.75;-webkit-user-select:none;user-select:none;border-radius:.4rem;padding:.25rem .5rem;list-style:none}.more-examples summary::-webkit-details-marker{display:none}.more-examples summary:hover{opacity:1;color:#1c1c23;background:#d9bd891f}.more-examples__list{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.more-examples .seed-chip{padding:.3rem .7rem;font-size:.8rem;font-weight:500}.stage{flex:1;grid-template-columns:minmax(0,1.75fr) minmax(240px,.75fr);gap:0;min-height:0;display:grid}@media (width<=900px){.stage{grid-template-columns:1fr}.rail{order:2}.chat{order:1}}.chat{background:radial-gradient(circle at 12% 0,#d9bd8929,#0000 45%),#eceae4;border-inline-start:1px solid #e8e4da;flex-direction:column;min-height:420px;display:flex}.chat__head{color:#fff;background:#1c1c23;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.chat__avatar{color:#d9bd89;background:#25252c;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.78rem;font-weight:700;display:grid}.chat__name{font-weight:700}.chat__meta{opacity:.85;font-size:.78rem}.tag-pill{color:#d9bd89;background:#d9bd892e;border-radius:999px;margin-inline-start:auto;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.chat__body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.1rem;display:flex;overflow:auto}.bubble{white-space:pre-wrap;border-radius:.85rem;max-width:min(92%,34rem);padding:.7rem .9rem;line-height:1.5;box-shadow:0 1px 2px #1c1c2314}.bubble--client{color:#0d0d0d;background:#fff;border-bottom-right-radius:.2rem;align-self:flex-start}.bubble--agent{color:#0d0d0d;background:#f5eedf;border-bottom-left-radius:.2rem;align-self:flex-end}.bubble__time{opacity:.55;text-align:start;margin-top:.35rem;font-size:.7rem}.rail{background:#fff;border-top:2px solid #d9bd89;flex-direction:column;gap:.6rem;padding:1rem 1.05rem 1.2rem;display:flex}.rail__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.rail__head h2{color:#333b44;margin:0;font-size:.92rem;font-weight:600}.rail__gate{color:#1c1c23;background:#f2f2f2;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.rail__hint{color:#8c8c8c;margin:0;font-size:.78rem}.draft{resize:vertical;color:#0d0d0d;background:#fafaf8;border:1px solid #d4cbb8;border-radius:.75rem;flex:1;width:100%;min-height:220px;padding:.8rem;line-height:1.55}.draft:disabled{opacity:.7;background:#f2f2f2}.rail__missing{color:#333b44;background:#f2f2f2;border-radius:.5rem;padding:.5rem .65rem;font-size:.8rem}.rail__actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.15rem;font-weight:700}.btn:disabled{cursor:default;opacity:.65}.btn--primary{color:#d9bd89;background:#1c1c23}.btn--primary:hover:not(:disabled){color:#1c1c23;background:#d9bd89}.btn--ghost{color:#fff;background:0 0;border:1px solid #ffffff59;font-weight:600}.btn--ghost:hover{color:#d9bd89;border-color:#d9bd89}.btn--ghost-dark{color:#1c1c23;background:0 0;border:1px solid #d4cbb8;font-weight:600}.footer{color:#8c8c8c;text-align:center;background:#fff;border-top:1px solid #e8e4da;padding:.6rem 1.25rem;font-size:.75rem}.toast{color:#d9bd89;z-index:50;text-align:center;background:#1c1c23;border-radius:999px;max-width:90vw;padding:.7rem 1.15rem;font-size:.9rem;font-weight:700;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c1c234d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#0d0d0d;-webkit-font-smoothing:antialiased;background:#f2f2f2;font-family:Assistant,Segoe UI,Tahoma,sans-serif}button,textarea{font:inherit}a{color:#1c1c23}