:root{--wine:#7a1f3d;--bg:#faf7f8;--ink:#1d1d1f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,sans-serif}.wrap{max-width:520px;margin:0 auto;padding:16px}.badge{background:var(--wine);color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-block}.ai{background:#fff3cd;border:1px solid #e6c65c;border-radius:8px;margin:8px 0;padding:8px;font-size:13px}.stage{aspect-ratio:1;color:#fff;background:#2a1a20;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.stage video{object-fit:cover;width:100%;height:100%}.stage .mark{position:absolute;top:8px;left:8px}.log{flex-direction:column;gap:6px;max-height:220px;margin:10px 0;display:flex;overflow-y:auto}.msg{border-radius:10px;padding:8px 10px;font-size:15px}.msg.user{background:#e9e3e6;align-self:flex-end}.msg.assistant{background:#fff;border:1px solid #eee}form{gap:6px;display:flex}input{border:1px solid #ccc;border-radius:8px;flex:1;padding:10px;font-size:15px}button{background:var(--wine);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-size:15px}button.secondary{background:#888}small{color:#666}